/* PRINT CSS FOR DESIGN 2014 */ /* $Header: /wwd/htm/RCS/main2014.css,v 1.4 2014/10/07 14:21:16 alois Exp $ */ /* ALL SPECIAL FORMATS TO OVERRIDE EXISTING STYLES AT THE END OF THIS FILE */ /* WEBFONTS */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('/webfonts/OpenSans-Regular-webfont.eot'); src: url('/webfonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/webfonts/OpenSans-Regular-webfont.woff') format('woff'), url('/webfonts/OpenSans-Regular-webfont.ttf') format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('/webfonts/OpenSans-Bold-webfont.eot'); src: url('/webfonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/webfonts/OpenSans-Bold-webfont.woff') format('woff'), url('/webfonts/OpenSans-Bold-webfont.ttf') format('truetype'); } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url('/webfonts/RobotoCondensed-Bold-webfont.eot'); src: url('/webfonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/webfonts/RobotoCondensed-Bold-webfont.woff') format('woff'), url('/webfonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'); } @font-face { font-family: 'astrodienst'; src: url('/webfonts/adienst1606.eot'); src: url('/webfonts/adienst1606.eot?#iefix') format('embedded-opentype'), url('/webfonts/adienst1606.woff2') format('woff2'), url('/webfonts/adienst1606.woff') format('woff'), url('/webfonts/adienst1606.ttf') format('truetype'), url('/webfonts/adienst1606.svg#astrodienst_1regular') format('svg'); font-weight: 400; font-style: normal; } body, article {width: 100%;margin: 0;padding: 0;} @page {margin: 2cm;} img {max-width: 100% !important;} h1, h2, h3, h4, h5, h6 { page-break-after:avoid;page-break-inside:avoid } img { page-break-inside:avoid;page-break-after:avoid; } table, pre { page-break-inside:avoid } ul, ol, dl {page-break-before:avoid } a {page-break-inside:avoid} /* GENERAL STRUCTURE OF HEADER AND FOOTER */ #ascontainer14{position:relative;margin:0 auto;background-color:#FFF;padding:0.8% 0.8%;border-left:0;border-right:0;max-width:1000px;width:98.5%} #asheader14{width:100%;background:#004278 url(/im/headerbg.jpg) repeat-x 0 -14px;height:120px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;} #headertop{background:url(/im/headertop6_bg.jpg) no-repeat 0 0;width:100%;height:89px;font-family: Verdana, Arial, sans-serif;} #headertopl{width:20%;float:left;margin-right:1%;} #headertopr{width:78%;float:left;text-align:right;padding-right:3px;color:white;} .adlogo{position:relative;left:10px;top:-15px;width:160px;margin-bottom:-15px;} /*NEU NAVI 1.09.2014*/ #starcontainer {position:absolute;top:20px;width:150px;z-index:5;} #star1{position:relative;width:150px;height:50px;} #star2 {position:relative;width:50px;height:30px;margin-left:50px;} .footer{text-align:center;color:#000;width:99%;min-height:1.5em;background:#fff;border-radius:5px;font-size:.85em;padding:3px;margin:0;page-break-before: always;} .nshort{display:none} .nlong{display:block} /* USER NAVIGATION */ .usrnav{margin-top:4px;font-size:0.8em;} .usrnav a{text-decoration:none;color:#FFF;margin-left:3px;padding-left:16px;white-space: nowrap} .usrnav a:hover{text-decoration:underline;} .usrnav .name {background:url(/im/headico1.png) no-repeat -2px -2px;} .usrnav .login {background:url(/im/headico1.png) no-repeat 0 -21px;} .usrnav .logout{background:url(/im/headico1.png) no-repeat 0 -41px;} .usrnav .myastro{background:url(/im/headico1.png) no-repeat 0 -61px;} .usrnav .orders{background:url(/im/headico1.png) no-repeat 0 -82px;} .usrnav .cart{background:url(/im/headico1.png) no-repeat 0 -104px;} .usrnav .amail{background:url(/im/headico1.png) no-repeat 0 -129px;} .navon{display:none} .ordcount{color:#FFF;background-color:#F00;padding:0px 4px;font:normal 0.7em Arial, sans-serif;line-height:0.7em;border-radius:50%;-webkit-border-radius:50%;position:relative;top:-4px;left:-1px;} /* LANGNAV*/ .langnav{margin-top:10px;font:0.73em Arial, sans-serif;color:#CCC;text-align:right;white-space:nowrap} .langnav a{padding:0 3px;margin-left:1px;border:1px solid #CCC;border-radius:2px;color:#CCC;text-decoration:none;width:40px;} .langnav a:hover{background:#CCC;color:red;} .langnav a.act{background:#FFF;color:#900;} /* SEARCH */ #search{position:relative;right:1px;margin-top:10px;font:0.8em Verdana, Geneva, sans-serif;color:white;text-align:right;} #search input{background:#FFF url(/im/searchico.png) no-repeat right;width:200px;height:14px;-webkit-border-radius: 5px;border-radius:5px;font-size:1em;padding:2px;border:1px solid #999;} /* RIGHT NAVIGATION */ .rightnav{position:relative;float:right;width:auto;padding-top:7px;color:#FFF;display:inline-block;margin-right:8px;font-size:0.85em;} .rightnav a{color:white;text-decoration:none;} .rightnav a:hover{text-decoration:underline;} .plaheadnav{display:inline-block;width:33px;height:15px;background:url(/im/curpla1.png) no-repeat 0 2px} .plaheadnav ul{margin:0;padding:0;list-style-type:none} /* -------- CONTENT AND MAIN COLUMNS FLOAT ------------ */ article{padding:4px;} /* Relative position added in next line, js 07-oct-2014 */ #asmaincont {width:100%;line-height:140%;font-size:0.97em;overflow:hidden;position:relative;}/* IMPORTANT: OVERFLOW HIDDEN! */ #colmaincolor{overflow:hidden;width:100%;background-color:#F6F5E8;padding:5px 10px;}/* Ganze Breite, z.B. für Banner */ #colmainblank {overflow:hidden;background-color:#FFF;width:100%;padding:5px 10px;} #colmaingray {overflow:hidden;background-color:#F6F6F6;width:100%;padding:5px 10px;margin-top:5px;border-radius:5px;} #colmaingray, #colmain, #colmainleft, #colmainmiddle, #colsmallleft, #colsmallright, #colmainleft2, #colmainleft3, #collargeright, #colvsmallright{box-sizing:border-box;-moz-box-sizing:border-box;margin-top:10px;} #asmain.hk{width:95%} #asmain.atxgen{margin-right:20px;} /* LARGE LEFT, LARGE RIGHT (HOMEPAGE E.G.) */ #colmainleft2{width:68.5%;max-width:685px;float:left;} #collargeright{width:30%;max-width:300px;margin-left:1%;float:left;} /* LARGE LEFT, SMALL RIGHT (FREE HOROSCOPE ETC.) */ #colmainleft{width:75%;max-width:765px;float:left;} #colsmallright{width:24%;max-width:250px;margin-left:1%;float:right;} /* VARIATION LARGE LEFT, SMALL RIGHT FOR SHOP SUBPAGES */ #colmainleft3{width:68.5%;max-width:685px;float:left;margin-right:6%;} #colsmallright{} /* SMALL LEFT, CENTERED CONTENT, SMALL RIGHT (SHOP, KNOWLEDGE E.G.) */ #colsmallleft{width:20%;max-width:180px;float:left;margin-right:1%;} #colmainmiddle{width:54%;max-width:550px;float:left;} #colsmallright{} /* VARIATION VERY SMALL RIGHT */ #colvsmallright{width:25%;max-width:250px;margin-left:6%;float:left;} /*Experimental */ #colmainleft2.ahorlarge{width:100%;max-width:1200px;} /* HOMEPAGE */ #colmainleft2 .homepage{padding-right:20px;position:relative;top:0px} /* FORUM */ #colmainforum{width:80%;max-width:850px;float:left;margin-top:10px} #colforumright{margin-left:2%;box-sizing:border-box;-moz-box-sizing:border-box;} /* ATLAS*/ #colmainleft2 .aq{width:100%;position:relative;top:1px} #colmainleft2 table.aq{border: 1px solid #DDD; font-size: 0.9em; line-height: 135%; background-color: #F6F6F6; border-radius: 4px; padding: 4px; margin-bottom: 10px;} /* ASTRO CLICK */ #colmainleft2.aclch{padding-right:3%;} /* GENCAHRT */ #colmainleft2.genchart{width:100%} #colmainleft2.chartwide{max-width:1000px;width:100%} /* GRAY FIELDS IN LEFT AND RIGHT COLUMN */ .asrcol {border:1px solid #DDD;font-size:0.95em;line-height:135%;border-radius:4px;padding:4px;margin-bottom:10px;overflow:hidden;} /* GRAY FIELDS IN RIGHT COLUMN */ /* FIELD FOR ADS */ .adstopbanner {} .adslcol {padding:4px;margin-bottom:10px;}/* LEFT COLUMN */ .adsmcol {padding:0;margin-bottom:10px;}/* MAIN COLUMN BOTTOM */ .adsrcol {padding:4px;margin-bottom:10px;} /* LEFT COLUMN */ .clearl{clear:left} .clearr{clear:right} .clearb{clear:both} /* LEFT SUBNAVIGATION IN INFO, SHOP ETC. */ .leftnavtit{font-weight:700;font-size:1em;margin-bottom:10px;text-indent:-4px;} .lninfo:before{content:url(/im/ico_list.png);position:relative; left:4px; top:3px;padding-right:10px} /* BACKGROUND COLORS FOR SHOP, SCART ETC */ .gelb{background-color:#FFFBEC;} .grau {background-color:#F4F4F4;} .olive {background-color:#F8F8F1;} .lila{border:1px solid #F8F4FD} /* ----- SDE, SCART, SCUS, SPAY --------- */ #asmain.sde{width:98%;} .sde .shoptit {padding-bottom:10px;} .sde dl {} .sde dl dt {float:left;clear:left;width:100px;line-height:1.8em; } .sde dl dd {margin:0 0 0 110px;line-height:1.8em;display:block} .sde h3{font-size:1.6em;} .sde h4{margin-bottom:20px;text-decoration:underline;} .sde h2{margin-bottom:10px;margin-top:5px} #asmain.sde h1{border-bottom:none;} .sde .shnw{font:700 1.1em Verdana, sans-serif;border-bottom:none;padding-top:10px} .hlight {border:1px solid #CCC;background-color:#FFFBE4;padding:4px;border-radius:5px;margin:10px auto;font-size:0.9em;margin-bottom:10px} .sdefield, .hlight{margin-bottom:10px;border:1px solid #CCC;border-radius:5px;padding:10px;line-height:2em;} dd.checkbox {position:relative;left:-10px;} .sde.shbord td {border-bottom:1px solid #CCC;} .sdeart{background-color:#666;color:white;padding:0 10px;} .sdeart{background:url(/im/headertop3_bg.png) no-repeat right;color:white;padding:0 10px;} .scarthead{background-color:#F4F4F4;border:1px solid #CCC;border-radius:5px;padding:5px;margin-bottom:5px;} /*.cartcont{padding-top:40px;}*/ .cartwrapper{} .sde #nat select, .sde select {font-size:0.9em; min-width:150px;max-width:200px;margin-right:10px;} .sde #nat {display:block;height:2em;width:100%;padding:3px 0 3px 0;margin:5px 0 5px 0;clear:both;} .sde .natlft {min-width:2em;width:65px;text-align:left;margin-top:-5px;font-size:1em;font-weight:bold} .sde .natsel {float:left;min-width:30%;text-align:left;} .sde .natrgt {float:left;min-width:30%;text-align:left;line-height:1.3em;font-size:0.8em;position:relative;top:-5px;} .scusfield {margin-bottom:10px;border:1px solid #CCC;border-radius:5px;padding:10px;line-height:2em;} .spay .shbord td{font-weight:bold;} #sde_dpri{padding-left:20px;} /* --------- Data Selection 2014 ---------- */ #nat select, .hk #nat select, .hk select, .atxgen #nat select, .atxgen select {font-size:0.9em; min-width:150px;max-width:200px;margin-right:10px;z-index:110} /*.hk #nat {display:block;height:1.8em;width:100%;padding:10px 5px 5px;margin:10px 0 30px;border-top:1px solid #F4F4F4;border-bottom:1px solid #F4F4F4;background-color:#FCFCFC}*/ #nat,.hk #nat, .atxgen #nat{border:1px solid #DDD;border-radius:5px;display:block;width:100%;padding:10px 5px;margin:10px 0 ;background-color:#F6F6F6;height:auto;overflow:hidden;} .sde #nat {background-color:#FFF;border:none;} .natlft, .hk .natlft, .atxgen .natlft {float:left;min-width:100px;text-align:left;margin-top:3px;font-size:0.9em} .natsel, .hk .natsel, .atxgen .natsel {float:left;min-width:150px;text-align:left;} .natrgt, .hk .natrgt, .atxgen .natrgt {min-width:100px;line-height:1.3em;font-size:0.8em;right:2px;text-align:right;} #nat a {color:#555555;} #nat a:hover {color: #FF0000;} #nat dl{display:inline-block;width:100%;background:yellow} .nat dl dt {float:left;width:100px;line-height:1.8em } .nat dl dd {margin:0 0 0 110px;line-height:1.8em;} .aclchwide #nat {width:100%;max-width:670px;} .genchart #nat{width:100%;max-width:670px;} .chart #nat{width:100%;} .chartwide #nat{width:100%;max-width:670px;} .natgo {position:relative;top:4px;} .go.gencbutton, .go.gencbutton:visited {background:#006699 url(/im/gobg.jpg) repeat-x;font-size:0.9em;margin-left:1px;transition: background 0.15s ease-in-out; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -ms-transition: background 0.15s ease-in-out;-o-transition: background 0.15s ease-in-out;padding:0 15px;-webkit-appearance: none;} .go.gencbutton:hover {background-image:none;background-color:#339900;color:#FFF;} /* DESIGN HELPER, REMOVE AFTER DESIGN PERIOD */ .newart li{background:none;} .hptit {font:700 1.55em Arial, Verdana, sans-serif;border-bottom:1px dotted #CCCCCC; padding:10px 0 0 0;margin-bottom:10px;clear:left;color:#333;text-transform:none;} .hptit1 {font:700 1.55em Arial, Verdana, sans-serif;padding:10px 0 2px 0;margin-top:10px;clear:left;color:#333;} .hptit a, .hptit1 a{text-decoration:none;color:#333;} .homepage .hptit1 {margin-top:2em;} .hptit a:hover, .hptit1 a:hover{color: #990000;text-decoration:underline;} .hpsubtit{padding:2px 0 ;margin:10px 0 0 0;border-bottom:1px dotted #CCC;font:bold 1em verdana, arial, helvetica;line-height:150%;} #collargeright .hptit, #collargeright .hptit1, #colsmallright .hptit, #colsmallright .hptit1{text-transform:none;font-size:1.4em;} /* WEBTREE */ #maincol .grid_subnav {margin-top:0px;} /* GRAPHIC ELEMENTS FOR THE SIDEMENU ARE NOW IN .LEFTNAVINFO AND .COLSMALLLEFT INSTEAD OF .SIDEMENU*/ .sidemenu{box-sizing:border-box;-moz-box-sizing:border-box;font-size:0.9em;line-height:135%;padding:4px;margin-bottom:10px;} #leftnavinfo, #colsmallleft{background-color:#F6F6F6;border:1px solid #DDD;border-radius:4px;} #leftnavinfo{display:block;position:absolute;margin-top:2px;width:230px;overflow:hidden;left:2px;top: 2px;z-index:5;height:30px;} .sidemenu.smhoverdrop:hover, .sidemenu.smhoverreplace {height:auto;max-height:3000px;min-height:130px;overflow:visible;box-shadow:2px 2px 2px #666;} #leftnavinfopen{display:block;position:absolute;margin-top:10px;width:180px;height:auto;} #trnav {width:100%;font:400 1.05em Arial, sans-serif;line-height:1.6em} #trnav a {text-decoration:none; color:black} #trnav a:hover {color:red;} #trnav a.current {color:yellow;border-bottom:1px dotted #9EBEDE;} #sub_nav {visibility:hidden; position:absolute; z-index:1} /*#sub_nav #trnav {background-image:url(/im/subnav_bg.png)}*/ .trleft1,.trleft2,.trleft3,.trleft4,.trleft5 {padding-left:12px;background: url(/im/arr14_r.png) no-repeat 2px 5px;} .trleft1,.trdot1 {margin-left:0px;} .trleft2,.trdot2 {margin-left:6px;} .trleft3,.trdot3 {margin-left:12px;} .trleft4 {margin-left:18px;} .trleft5 {margin-left:24px;} .trdown1,.trdown2,.trdown3,.trdown4,.trdown5 {padding-left:12px;background: url(/im/arr14_d.png) no-repeat 0px 3px;} .trdown1 {margin-left:0px;} .trdown2 {margin-left:6px;} .trdown3 {margin-left:12px;} .trdown4 {margin-left:18px;} .trdown5 {margin-left:24px;} .trdot1,.trdot2,.trdot3,.trdot4,.trdot5 {padding-left:12px;background: url(/im/middot14.png) no-repeat 3px 6px;} .trdot4 {margin-left:18px;} .trdot5 {margin-left:24px;} .trtop, .trtit{font-weight:600;padding:0 0 2px 3px;margin-top:1px;border-top:1px solid #CCC;line-height:2em;} /* Ausklapp-Menu */ ul.menu0, ul ul {padding:0; margin:0; border:0; list-style-type:none; overflow:hidden;width:100%;text-align:left;} ul.menu0 li a.last, ul.menu0 li a.last:visited {display:block; width:99%; height:50px;} ul.menu0 li:hover a, ul.menu0 li a:hover {border:0;color:red;} .sidemenu ul li ul { ; } /* hover activates minus arrow for virtual nodes */ ul li.hover:hover > .trleft1, ul li.hover:hover > .trleft2, ul li.hover:hover > .trleft3, ul li.hover:hover > .trleft4, ul li.hover:hover > .trleft5 { padding-left:14px;background: url(/im/min14.png) no-repeat -1px 6px; } ul li.open li.open > .trleft1, ul li.open li.open > .trleft2, ul li.open li.open > .trleft3, ul li.open li.open > .trleft4, ul li.open li.open > .trleft5 { padding-left:14px;background: url(/im/arr14_d.png) no-repeat -1px 6px; } ul.menu0 li.hover:hover ul.menu1, ul.menu0 li.open ul.menu1, ul.menu1 li.hover:hover ul.menu2, ul.menu1 li.open ul.menu2, ul.menu2 li.hover:hover ul.menu3, ul.menu2 li.open ul.menu3, ul.menu3 li.hover:hover ul.menu4, ul.menu3 li.open ul.menu4, ul.menu4 li.hover:hover ul.menu5, ul.menu4 li.open ul.menu5 { display:block;height:100%; width:99%; margin-top:-1px;margin-bottom:2px; }/**/ /*-------- Zusatz fuer Plus/Minus -------*/ ul li li.tit > .plus {padding-left:14px;background: url(/im/plus14.png) no-repeat -1px 5px;} ul li.open li.open > .plus {padding-left:14px;background: url(/im/min14.png) no-repeat -1px 5px;} .menuactitem{font-weight:bold} /* no mobile */ .nmo { display: none; } /* --------------------------- */ /* FONTS AND HEADLINES 2014 */ /* --------------------------- */ /* headlines */ h1 {font:700 1.4em Verdana, sans-serif;margin:10px 0 3px 0;} h2 {font:700 1.3em Verdana, sans-serif;margin:10px 0 3px 0;} h3, .tit12p {font:700 1.2em Verdana, sans-serif;margin:6px 0 3px 0;} h4 {font:700 1.2em Verdana, sans-serif;margin:6px 0 3px 0;} #main h1, #asmain h1, .cttit h1 {font:700 1.4em 'Roboto Condensed',Verdana, sans-serif; margin-top:20px;padding-top:3px;} #main h2, #asmain h2, .cttit h2 {font:700 1.3em Verdana, sans-serif;padding-top:3px;} .ahor h3 {font:bold 1.2em Verdana, Arial, Helvetica;border-bottom:1px dotted #666666;margin-right:15px;} #asrcol h2, .hbord {font-size:1.3em;margin-top:28px;padding-top:3px;border-bottom:1px dotted #BEB8AB;} #asrcol h3 {font:bold 1em Verdana, Arial, Helvetica, sans-serif;} .genchart h3 {font:bold 13px Verdana, Arial, Helvetica;} #asmain.ahor h2 {text-align:left;font:normal 1.7em Verdana, sans serif;} .shoptit {font:700 1.7em Arial, sans-serif;color:#333} #asmain .shbord h3 {font:700 1.5em Arial, sans-serif;} .smpl .adhead h1{font-size:1.7em;} /* CHART, VIP, TWINS */ #asmaincont.chart h1 {font:700 1.4em Verdana, sans-serif;} #asmaincont.chart h2 {font:700 1.1em Verdana, Geneva, sans-serif;} #asmaincont.chart td {padding-bottom:2px;} .shelp ul {padding-left:15px;} /* STYLES FOR PROD */ #prod {margin-top:10px;} #prod h1{font-size:1.5em;padding:0;margin:0;} #shop img{margin-top:4px;border-radius:5px;border:1px solid #CCC;box-sizing:border-box;-moz-box-sizing:border-box;} #prod img{margin-top:4px;box-sizing:border-box;-moz-box-sizing:border-box;} .magdiv {width:120px;background:url(/im/magdiv.png) repeat-x;height:30px;margin:auto;margin-top:15px;} .price {margin:3px 0;font-weight:bold;} .primg {} /*.aibg {background:url(/im/pr_ai.gif) right bottom no-repeat;}*/ .aibg:AFTER{content:"Astro*Intelligence";position:relative;left:5px;top:-1em;font:400 0.34em Verdana, sans-serif;border-bottom:1px solid #CCC;z-index:1;display:inline-block} .prodart{font:700 0.95em Verdana, sans-serif;color:#999;padding:3px;margin-top:8px;float:right;} .prodart:before{content:url(/im/arr_right_gray.png);position:relative;top:2px;margin:2px 4px 0;} .prodart:hover {color:#990000} .asrcol img, .homepage img, .thumbs{border-radius:3px;} /* LEFT AND RIGHT COLUMN PRODUCT ADVERTISING*/ .adhead{height:120px;text-align:center;padding:20px;color:#FFF;border-radius:3px;} .adhead h1{font-size:1.8em;text-decoration:none} .adhead img{border-radius:5px;} .rightrec{} .rightrec img {display:block;position:relative;margin:0 auto;max-width:100%; height:auto;} .rightfullrec{max-width:300px;min-width:180px;position:relative;margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;background-size:cover} .rightfullrec h1{font:700 1.8em Verdana, sans-serif;text-align:center;padding:0 5px;margin:5px 0} .rightfullrec h3{font:700 1.4em Verdana, sans-serif;text-align:center;padding:0 5px;margin:0} #colsmallright .rightfullrec h1{font-size:1.8em;margin:0;} #colsmallright .rightfullrec h3{font-size:1.2em;margin:0;} #colforumright .rightfullrec{max-width:210px;font-size:85%;} .weiss a{text-decoration:none;color:#FFF;} .weiss a:hover{color:#FFF;} .blue a{text-decoration:none;color:#006699;} .blue a:hover{color:#FFF} .black a{text-decoration:none;color:#000;} .black a:hover{color:#FFF;} .rightfullrec .transbgwhite, .rightfullrec .transbgblack, .rightfullrec .transbgblack2 {box-sizing:border-box;-moz-box-sizing:border-box;width:100%;max-width:300px;min-width:200px;margin:0 auto;position:absolute;bottom:0;padding:3px;border:1px solid #CCC;border-top:none;} .rightfullrec .transbgwhite{background:#FFF;} .rightfullrec .transbgblack{background:#000} .rightfullrec .transbgblack2{background:#000} .transbgwhite a{color:#000;font-weight:bold;} .transbgwhite a:hover{color:#FF0000;text-shadow:none;} .transbgwhite:hover{background:#FFF;} .transbgblack:hover, .transbgblack2:hover{} .transbgblack a, .transbgblack.imlink a {color:#FFF;font-weight:bold;text-shadow:none;} .transbgblack a:hover, .transbgblack.imlink a:hover {color:#FF0000;} .transbgblack2 a, .transbgblack2.imlink a {color:#FFF;font-weight:bold;text-shadow:none;} .transbgblack2 a:hover, .transbgblack2.imlink a:hover {color:#FF0000;} .rechead{max-width:300px;min-width:200px;position:relative;margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;background:#797c7f url(/im/headertop2_bg.png) no-repeat center;font:700 1.2em Verdana, sans-serif;text-align:center;margin-bottom:3px;color:#FFF} .hkad{margin:5px auto;max-width:310px;padding-bottom:5px;} .hkad img{width:100%;height:auto;border:1px solid #CCC} /* LARGE AD'S FOR HOMEPAGE */ .mainfullrec{position:relative;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;margin:0 auto;padding:0;overflow:hidden;min-width:320px;max-width:660px;height:200px;padding:2%;border-radius:5px;font-size:80%} .mainfullrec .txright{text-align:right;} .mainfullrec .txleft{text-align:left;} .mainfullrec .txright.fontw, .mainfullrec .txleft.fontw{color:#FFF} .mainfullrec .txright.fontb, .mainfullrec .txleft.fontb{color:#000} .fontw a{color:#FFF;} .fontb a{color:#000;} .mainfullrec .intro{font:700 1.2em Verdana, sans-serif;margin:10px 0 0 0;} .mainfullrec .tit{font:700 2.8em Verdana, sans-serif;margin-top:0;line-height:1.2em} .mainfullrec .subtit{font:700 1.1em Verdana, sans-serif;margin-top:4px} .mfrlink, .mfrlinkw{width:100%;margin-top:5px;padding:6px 0;line-height:2em;} .mfrlink a, .mfrlinkw a{font-weight:600;margin:0;text-decoration:none;padding:0 5px;text-shadow:none} .mfrlink a:hover, .mfrlinkw a:hover{color:#FFCC00;background-color:#666} .mfrteas{border:1px solid #CCC;border-radius:3px;background-color:#339900;} .mfrinf{border:1px solid #CCC;border-radius:3px;background-color:#5684B7} .mfrlinkw a{color:#FFF} .mfrlinkw a{color:#FFF} .mfrteas:BEFORE{content:url(/im/gift.png);margin-right:4px;position:relative;top:1px} .mfrinf:BEFORE{content:url(/im/info.png);margin-right:4px;position:relative;top:1px} /* Titles and Formats for Homepage, Content, Shop */ .cttit {margin-top:20px;padding-top:3px;border-bottom:1px dotted #BEB8AB;text-align:left;color:#333333;} h3.cttit, h2.cttit{clear:left;padding-top:10px} h4.cttit {margin-top:20px;padding-top:3px;border-bottom:1px dotted #BEB8AB;text-align:left;color:#333;} .shptit {font:bold 22px Arial Black, sans-serif; margin-top:10px;padding-top:3px;border-bottom:1px dotted #BEB8AB;} .ctsubtit {font-size:0.9em;text-align:left;margin-bottom:10px; color:#666666;} .rttit {font:700 1.3em Verdana, sans-serif;margin:10px 0 3px 0;color: #333333;line-height: 125%;clear:left} .rtsubtit {font:11px Verdana, Arial, Helvetica, sans-serif;margin:2px 0 5px 0; color:#666666;} .raquo {font:bold 1em Verdana, Arial, Helvetica, sans-serif;color: #CC0000;} .newart li{margin:0;padding:3px;clear:left;list-style-type:none;min-height:47px} .newart img{border-radius:2px;box-shadow:2px 2px 2px #666;} .newart img:hover{box-shadow:none;} .shortrec{font:normal 0.9em Verdana, Arial, sans-serif;border:1px solid #CCC;} .shortrec h3 {font:bold 1em Verdana, sans-serif;margin:0;margin:5px 0;} .shortrec li {margin:0;padding:3px 2px 10px;clear:left;list-style-type:none;min-height:47px;border-bottom:1px dotted #CCC;} .shortrec img {border-radius:5px;} .shortrec img:hover {box-shadow:none;} .nextpage{font:700 1.2em Arial, sans-serif;margin-top:20px;text-align:right} .nextpage a{text-decoration:none;color:#006699} .nextpage a:hover{color:#990000} .nextpage a:AFTER{content:url(/im/aro_righ.png);position:relative;top:5px;margin-left:5px;} .backpage{font:700 1em Arial, sans-serif;float:right;position:relative;top:20px} .backpage a{text-decoration:none;color:#006699} .backpage a:hover{color:#990000} .backpage:BEFORE{content:url(/im/aro_up.png);position:relative;top:1px;margin-right:2px;} #smart .whhp{width:260px;height:114px;border:1px solid #aaaaaa;border-radius:5px;-moz-border-radius:5px;background:url(/im/whhp141_bg.png) no-repeat -7px 0px;float:left;} #smart .hkhp{width:170px;height:114px;border:1px solid #aaaaaa;border-radius:5px;-moz-border-radius:5px;float:left;margin-left:3px;} .hkhp.de{background:url(/im/hp_hkad14_g.jpg) no-repeat;} .hkhp.en{background:url(/im/hp_hkad14_e.jpg) no-repeat;} #smart .phhp{float:left;width:190px;margin-left:3px;} .whhp .txt, .hkhp .txt{font:700 1.1em sans-serif;text-align:center;line-height:1.2em;} #smtb{width:100%;display:block;min-width:500px;overflow:hidden} .smtb {padding:0;margin:0;border:1px solid #FFF;min-width:180px;width:32.2%;display:block;float:left;} .smtb a{text-decoration:none;} .smtx, .smtxwh{font:700 1.05em sans-serif;text-align:center;line-height:1.2em;padding-top:3px} .smtx a, .smtxwh a{color:#000} .smcontainer, .smcontainerwh, .smcontainerph, .smcontainerhk{height:130px;border-radius:5px;border: 1px solid #CCC;} .smcontainerwh{background:url(/im/whhp142_bg.png);background-size:cover;} .smcontainerwh:hover{color:#990000;background:url(/im/whhp142over_bg.png);background-size:cover;} .smtb .smcontainerhk, .smtb .smcontainerwh{margin-right:5px;} .smcontainerph{background:url(/im/hp_phbg142.png) no-repeat;background-size:cover;} .smcontainerph:hover{background:url(/im/hp_phbg142over.png) no-repeat;background-size:cover;} .smcontainerhk{background:url(/im/hp_hkbg142.jpg);background-size:cover;} .smcontainerhk a:hover{color:#FFF;} .smcontainerhk:hover{background:url(/im/hp_hkbg142over.jpg);background-size:cover;color:#FFF;} .smtit{color:#FFF;text-align:center;} input.aq{max-width:220px;} /* FONTS FOR TEXT */ .txt9p { font-size: 1em;line-height:1.4em;} .txt10p { font-size: 1.1em;line-height:1.5em;/* Used for HK and other Short Horoscopes! */} .txt8p,.stit8,.copy,.verd8p {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.9em;} .asrcol .verd8p{font-size:0.98em} .vtit8 {font:700 1em Verdana, Arial, sans-serif; } .pre { font-family: "Courier New", Courier, mono;white-space: pre-wrap;} /*pre {white-space: pre-wrap;}*/ .eph8 {font-family: "Courier New", Courier, mono; font-size: 8pt; color: #000000; letter-spacing: -1px; white-space: nowrap;} .tlnav {font:bold 0.65em Verdana, Arial, Helvetica, sans-serif;text-decoration: none;color: #FFFFFF;} a.tlnav {color: #FFFFFF; } sup {vertical-align:top;font-size:0.9em; line-height:100%;} sub {vertical-align:bottom;font-size:0.9em; line-height:100%;} .cinediv {clear:both;width:70%;background:url(/im/cinediv.jpg) no-repeat center;height:32px;left:50px;margin-top:15px;} .cinetit{background:url(/im/cinehead.jpg)no-repeat right top;line-height:1.7em;} .zodiac{margin-top:20px auto;padding:10px 0;text-align:center;border-bottom:1px dotted #CCC;} .zodiac img{max-width:700px;width:100%;} .zodtx{color:gray;font-size:0.8em;} .strong{font-weight:700} /* RIGHT COLUMN IN SYN FOR OTHER SIGN PAIRS */ #synl {line-height:1.7em;border:1px solid #DDD;font-size:0.95em;line-height:135%;background-color:#F6F6F6;border-radius:4px;padding:4px;margin-bottom:10px;overflow:hidden;} #synl2 {font-size:0.95em;line-height:135%;padding:4px;margin-bottom:10px;overflow:hidden;margin:60px 0 20px 0} #synl a, #synl2 a {text-decoration:none;line-height:1.7em;color:black;} #synl a:hover, #synl2 a:hover {text-decoration:underline;} #synl b, #synl2 b {font:700 1.5em Arial, sans-serif;margin:0;border:none;color:#666;line-height:1.7em} #synl2 b {font:700 1.3em Arial, sans-serif;margin:0;border:none;color:#666;line-height:1.7em} #synl b:AFTER, #synl2 b:AFTER{content: '\A';white-space: pre;} /* ------------ AHOR --------------- */ #arcont, .arcont {width:100%;clear:both;padding-top:10px;} /* Container fuer Spaltenlayout */ #arleft, .arleft {width:48%;float:left;} /* Erzeugt linke Spalte */ #arright, .arright {width:48%;float:right;} /* Erzeugt rechte Spalte */ .artitdaily, .artitpersonal, .artitchild, .artitinteractive, .artitrelation, .artitspecial, .artitchart, .artitorders, .artitlove, .artitstrippa {font-size:1.2em;font-weight:700;padding:3px 0 3px 4px;border-bottom: 1px solid #CCC;margin:5px 0 10px 0;} .arsubtit {/* Titel Horoskop */color:#000;font-size:1.2em;font-weight:700;line-height:20px;margin-bottom:5px} .arblock {/* Feld Horoskop */font-size:1em;line-height: 140%;margin-top:2px;clear:left;overflow:hidden;padding:4px;} .arblock:hover{background-color:#F6F6F6;border-radius:5px;} .arpic {/* Image */float:left;margin:3px 10px 5px 0;max-width:80px;height:auto} a.arlink {text-decoration:none;color: black;} a.arlink:hover {color: #CC0000;} .arlink img{border-radius:5px;border:1px solid #CCC;box-sizing:border-box;-moz-box-sizing:border-box;} .ahor .vtit8{font:bold 1.3em Arial, Helvetica, sans-serif;line-height:2em;text-indent:0.2em} /* Slider Homepage */ .bContainer .arblock {/* Feld Horoskop */font-size:0.92em;line-height: 140%;margin-top:10px;background-color: #F6F6F6;border-radius:3px;padding:1px 3px;overflow:hidden;height:90px;max-height:90px} .bContainer img{box-shadow:1px 1px 1px #666;} .bContainer .arblock:hover{background-color:#FFF;} .bContainer .arleft {width:49%;float:left;padding-left:2px;} /* Erzeugt linke Spalte */ .bContainer .arright {width:49%;float:left;padding-left:5px;} /* Erzeugt rechte Spalte */ .bContainer .arsubtit{font-size:1.1em;margin-bottom:0;} .bContainer .arlink img, .bContainer .arlink img:hover{border:none;} .bContainer .arblock2l {height:180px;text-align:center;background:url(/im/allfree14lhov.png) no-repeat center 30px;background-color: #F6F6F6;border-radius:3px;} .bContainer .arblock2l:hover{background:url(/im/allfree14l.png) no-repeat center 30px;} .bContainer .arblock2r {height:180px;text-align:center;background:url(/im/gold.png) no-repeat center 32px;background-color: #F6F6F6;border-radius:3px;} .bContainer .arblock2r:hover{background:url(/im/goldhov.png) no-repeat center 32px;} .bContainer .arblock2r h1, .bContainer .arblock2l h1, .bContainer .arblock2r h2, .bContainer .arblock2l h2{font-size:1.2em;color:#000;padding-top:7px;} #slider-with-blocks-1 {width: 100%;height:220px} .rsContent {color: #FFF;float: left;border-radius:3px} .bContainer {position: relative;} .rsABlock {position: relative;display: block;left: auto;top: auto;} .txtCent {text-align: center; width: 100%; } .slide1, .slide2, .slide3, .slide4, .slide5 {background: #FFF;} .slide1 .bContainer, .slide2 .bContainer, .slide3 .bContainer, .slide4 .bContainer, .slide5 .bContainer {top: 1%;} /*Bullets*/.rsMinW .rsBullets {position: absolute;bottom:0px;right:14px;z-index: 40;padding-top: 4px;height: auto;text-align: center;line-height: 6px;overflow: hidden;} .rsMinW .rsBullet {width: 6px;height: 6px;display: inline-block;*display:inline; *zoom:1;padding: 6px 5px 6px 4px;} .rsMinW .rsBullet span {display: block;width: 8px;height: 8px;border-radius: 50%;background: #666;box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);} .rsMinW .rsBullet.rsNavSelected span {background: red;} .royalSlider {width: 600px;height: 400px;position: relative;direction: ltr;} .royalSlider > * {float: left;} .rsWebkit3d .rsSlide {-webkit-transform: translateZ(0);} .rsWebkit3d .rsSlide,.rsWebkit3d .rsContainer,.rsWebkit3d .rsThumbs,.rsWebkit3d .rsPreloader,.rsWebkit3d img,.rsWebkit3d .rsOverflow,.rsWebkit3d .rsBtnCenterer,.rsWebkit3d .rsAbsoluteEl,.rsWebkit3d .rsABlock,.rsWebkit3d .rsLink {-webkit-backface-visibility: hidden;} .rsFade.rsWebkit3d .rsSlide,.rsFade.rsWebkit3d img,.rsFade.rsWebkit3d .rsContainer { -webkit-transform: none;} .rsOverflow {width: 100%;height: 100%;position: relative;overflow: hidden;float: left;-webkit-tap-highlight-color:rgba(0,0,0,0);} .rsContainer {position: relative;width: 100%;height: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);} .rsArrow,.rsThumbsArrow {cursor: pointer;} .rsThumb {float: left;position: relative;} .rsArrow,.rsNav,.rsThumbsArrow {opacity: 1;-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;} .rsHidden {opacity: 0;visibility: hidden;-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;transition:visibility 0s linear 0.3s,opacity 0.3s linear;} .rsGCaption {width: 100%;float: left;text-align: center;} .royalSlider .rsSlide.rsFakePreloader {opacity: 1 !important;-webkit-transition: 0s;-moz-transition: 0s;-o-transition: 0s;transition: 0s;display: none;} .rsSlide {position: absolute;left: 0;top: 0;display: block;overflow: hidden;height: 100%;width: 100%;} .royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide {height: auto;} .rsContent {width: 100%;height: 100%;position: relative;} .rsPreloader {position:absolute;z-index: 0; } .rsNav {-moz-user-select: -moz-none;-webkit-user-select: none;user-select: none;} .rsNavItem {-webkit-tap-highlight-color:rgba(0,0,0,0.25);} .rsThumbs {cursor: pointer;position: relative;overflow: hidden;float: left;z-index: 22;} .rsTabs {float: left;background: none !important;} .rsTabs,.rsThumbs {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);} /*------ Planetenstaende ---------*/ #pla td {margin:0;padding:0 2px;} #pla {background-color:#FFF} #pla .symha{line-height: 1.2em;} .planets #pla table{float:left;border-right:1px dotted #999;width:49%;} #pla .date{text-align:left;padding:5px;font-size:0.9em} .planets #pla img{max-width:100%; height:auto;} .asrcol.planets {width:100%;padding-right:3px;} .openpla{display:none} .planets .imlink{clear:left;border-top:1px dotted #CCC;line-height:2em} .planets .imlink a{white-space:nowrap} .plahead{background-color:#F6F6F6;font-size:95%;} .plafoot{background-color:#F6F6F6;font-size:90%;} .pladate{margin-top:-5px;padding-bottom:5px;} .plafoot a, .plahead a{text-decoration:none; padding:2px 0px 0px 12px;background:url(/im/button_list_reg.png) no-repeat 3px 6px;color:black;} .plafoot a:hover, .plahead a:hover{color:#990000} #colforumright .hptit{font-size:1.1em} #colforumright .vtit8, #colforumright .mtit{font:700 1.1em 'Roboto Condensed', Arial, sans-serif;} .plamobile, .plamobile1{display:none} /* POSITION FOR CURRENT PLANETS FOLDOUT */ .plaheadnav { cursor:pointer;display:inline-block;width:33px;height:15px;background:url(/im/curpla1.png) no-repeat 0 2px; ul {margin:0;padding:0;list-style-type:none;} li div {display:none;} li.cphoverdrop:hover div, li.cphoverreplace div {display:block;} #pla {color:#000} } .plaheadnav:HOVER{background:url(/im/curpla2.png) no-repeat 0 2px;} .plaheader{position:absolute;top:15px;right:140px;max-width:220px;z-index:1002;padding:15px 10px 10px 10px;} .plaheader #pla{padding:0 10px 10px;box-shadow:1px 1px 2px #000;min-width:180px;} .plaheaderico{display:inline-block;position:relative;top:2px;width:33px;height:13px;background:url(/im/curpla1.png) no-repeat} /*------ ADB Liste ---------*/ #bthday li {padding:1px;} .bthdaytit {padding-left:3px;font:bold 13px verdana, sans-serif;background-color:#E2E2E2;} #bthday {font-size:11px;background-color:white;} #bthday ul{padding-left:11px;margin:0;list-style-image:url(/im/dartleft.png);line-height:15px;} #bthday a {text-decoration:none;color:black;} #bthday a:hover {color:#CC0000;} .adbhp #bthday{width:100%;float:none;border-right:1px dotted #999} .adbhp .mtit {line-height:1.5em;width:100%;font-weight:bold;background:none;text-align:left;} /*------ Planetenstunden ---------*/ .plstd {font: 1em verdana, arial, sans-serif; width:100%; position:relative; margin:0;} .plstd ul {padding:0;margin:0;list-style-type: none;} .plstd ul li ul li{padding-left:0px;margin:0;list-style-type: none;line-height:1.8em;} .plstd ul li a {text-decoration:none;color:#000} .plstd ul li:hover ul {display:block;position:relative;width:100%;} .plstd ul li ul {display: none;position:static;} .plstd ul li ul li {background:none;} .pl {background:none; padding:10px; border:0px solid #CCCCCC;} .pl2 ul li ul li{padding-left:10px;margin:0;list-style-type:none;font-weight:normal;} /*------ Planetenmusik ---------*/ #plamu {position:relative;left:5px;top:10px;width:690px;height:760px;} #plamubg{position:absolute;display:block;width:500px;height:500px;top:80px;left:159px;background:url(/im/plamu_zodiak2.gif);z-index:1;} #plamubgp{position:absolute;display:block;width:500px;height:500px;top:80px;left:159px;background:url(/im/plamu_zodiak2.gif);z-index:1;} #plamuflash{position:relative;z-index:1000;} /* ------------- Image-Handling ------------------ */ .fleft { float: left; margin: 0 1em 0.2em 0;} .rightrec .fleft{padding-right:10px} .fright {float: right;margin: 0 0 0.2em 1em; padding:1px;} .loop img[align="left"] { float:left;padding-right:10px; } .loop img[align="right"] { float:right;padding-left:5px;} #map {text-align:center;padding:10px 0 20px;} .rcorn img{border-radius:5px;} /* ----- Quotation LOOP (div quot1 gives left and right quote sign ------ */ .quot {text-align:center;font-size:1.2em;color:#333;font-style:italic;margin:20px;padding:13px 0;border-top:3px solid #CCC;border-bottom:3px solid #CCC;} .quot:before {content:"“";float:left;position:relative;top:-10px;} .quot:after {content:"”";float:right;} .quot:before, .quot:after{font:bold 40px Arial Black, sans-serif;color:#F60;padding:5px;} .quot1 {text-align:left;color:#333;font-style:italic;margin:20px;padding:13px 0 20px;border-top:3px solid #CCC;border-bottom:3px solid #CCC;} .quot1:before {content:"“";float:left;position:relative;top:-10px;margin-bottom:-25px;} .quot1:after {content:"”";float:right;position:relative;top:-5px;} .quot1:before, .quot1:after{font:bold 40px Arial Black, sans-serif;color:#F60;padding:5px;} .loopmenu{padding:2px;} .loopmenu a {font-weight:bold;} /* ORDER */ .bsp {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;background-color:#FFF3CE;border:1px solid #6699CC;white-space: nowrap;padding:0 10px;border-radius:5px;margin:5px 0;} .ord {font-size:0.9em;} a.ord, a.bsp {text-decoration:none;padding:2px 10px;background: url(/im/button_list_reg.png) no-repeat 3px 6px;color:#990000;} a.ord:hover, a.bsp:hover{text-decoration:underline;color:#990000;} /* ORDER BUTTONS */ .prodord{font:700 1.1em Verdana, sans-serif;white-space:nowrap;float:right;text-transform:uppercase; padding:2px 25px 2px 25px;text-decoration:none;color:#FFF;text-shadow:none;margin-left:5px; -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7; box-shadow:inset 0px 1px 0px 0px #54a3f7;background:url(/im/arrow_right_white.png) no-repeat 4px 5px;background-color:#007dc1; -moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #124d77; display:inline-block;} .prodord:hover{ background:url(/im/arrow_right_white.png) no-repeat 5px 5px; background-color:#68a54b; } .prodord2 {font:700 0.9em Verdana, sans-serif;white-space:nowrap;float:right;margin-top:10px;padding:0px 10px 0px 25px;text-decoration:none;color:#FFF;margin-left:5px;box-shadow:1px 1px 2px #999;background:url(/im/arrow_down_white.png) no-repeat 4px 2px;background-color:#007dc1;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;border:1px solid #CCC;display:inline-block;} .prodord2:hover{background:url(/im/arrow_down_white.png) no-repeat 4px 2px; background-color:#FF9933;} .prodord:active, .prodord2:active { position:relative; top:1px;} .asrcol .prodord{padding:2px 10px 2px 25px;font-size:1em} .prodord.inf{background-color:#68a54b;float:none;} .hlght {font:11px Verdana, Arial, Helvetica, sans-serif;background-color:#FFF3CE;border:1px solid #CC6600;padding:2px 8px 2px 8px;margin:4px 0 4px 0;border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;} #error h3{color:red;font-family:Verdana, Arial, Helvetica, sans-serif;} /* TRAVEL CLICK */ #aspect_control {margin-bottom:3px;width:100%;padding:1px;font:8pt verdana, arial, sans-serif;} .acmbut {font:11px Verdana, Arial, Helvetica, sans-serif;background-color:#FFF3CE;border:1px solid #CC6600;padding:2px 8px 2px 8px;margin:2px;cursor:pointer;} #map_labels {position:relative;width:690px;height:730px;border:1px solid #CCCCCC;overflow:hidden;} #waitsymbol {position:absolute;display:none;z-index:10;background:white;padding:20px 40px;border:solid 1px black;} #map_canvas {left:60px;top:60px;width:600px;height:600px;} /* BUTTONS */ .butred, .butgreen{font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;margin:0 5px;color:#fff;min-width:90px;text-decoration: none;border-radius: 5px;box-shadow: 0 1px 1px rgba(0,0,0,0.5);text-shadow:none;border:1px solid #CCC;padding:2px 5px;text-align:center;-webkit-appearance: none;} .butred{background-color: #e33100;} .butgreen{background-color:#749a02;} .butred a{color:#FFF;} .butgreen a{color:#FFF;} .butgreen:hover {background-color:#91bd09; } .butred:hover {background-color: #CC0000;} .butgo {min-width:130px;font:bold 11px Verdana, Arial, Helvetica, sans-serif;background-color:#FFFFFF;border:1px solid #CC6600;white-space:nowrap;padding:2px 8px 2px 8px;margin:5px;border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;} .butstop {min-width:130px;font:11px Verdana, Arial, Helvetica, sans-serif;background-color:#FFFFFF;border:1px solid #777777;white-space:nowrap;padding:2px 8px 2px 8px;margin:5px;border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;} .butgo:hover {color:white;background-color:#669933;} .butstop:hover {color:#CC6600;} /* Standard-Buttons */ .formbtn, .linkbtn{font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;margin:0 5px;color:#fff;min-width:90px;text-decoration: none;border-radius: 5px;box-shadow: 0 1px 1px rgba(0,0,0,0.5);text-shadow:none;border:1px solid #CCC;padding:2px 5px;text-align:center;-webkit-appearance: none;} .formbtn:hover, .linkbtn:hover {background-color: #872300;color:#FFF;} .formbtn:active, .linkbtn:active {top: 1px; } input.formbtn{-webkit-appearance: none;} a.shopbt, .shopbt a {text-decoration:none;color:white;white-space:nowrap;padding:2px 15px;} .shopbt{margin:3px 5px;max-width:220px;} input.shopbt {margin:5px;padding:2px 10px;} *+html .formbtn {width:180px;} /*Hack fuer IE7*/ /* Colors ---------- */ .green.formbtn, .green.formbtn:visited{ background-color:#749a02;} .green.formbtn:hover{ background-color:#91bd09; } .blue.formbtn, .blue.formbtn:visited, .blue.linkbtn, .blue.linkbtn:visited{ background-color: #007d9a ; } .blue.formbtn:hover, .blue.linkbtn:hover{ background-color:#2daebf; } .red.formbtn, .red.formbtn:visited{ background-color: #e33100; } .red.formbtn:hover{ background-color: #CC0000; } .magenta.formbtn, .magenta.formbtn:visited{ background-color: #a9014b; } .magenta.formbtn:hover{ background-color: #630030; } .orange.formbtn, .orange.formbtn:visited{ background-color: #ff5c00; } .orange.formbtn:hover{ background-color: #e33100; } .yellow.formbtn, .yellow.formbtn:visited{ background-color:#fc9200; } .yellow.formbtn:hover{ background-color:#ffb515; } .syn.formbtn, .syn.formbtn:visited{color:#036;font-weight:normal;padding:0 25px;border-color:#F0B8CB;background:#FFF url(/im/syn/synheart.png) no-repeat right;text-shadow:none;min-width:220px;} .syn.formbtn:hover{ background-color:#F0B8CB;color:#FFF; } .cart.formbtn, .cart.formbtn:visited{background:#749a02;} .cart.formbtn:after{content:url(/im/sc.gif)} .cart.formbtn:hover{background-color:#91bd09; } .gray.smallbutton, .gray.smallbutton:visited{ background-color:#666; } .gray.smallbutton:hover{background-color:#CCC;color:#333;border-color:#749a02; } a.gray.smallbutton {text-decoration:none;} .smallbutton {font:normal 8pt Verdana, Arial, Helvetica, sans-serif;padding:0 5px;color:#FFFFFF;background-image: url(/im/alert-overlay.png);background-repeat: repeat-x;background-color: #222;cursor: pointer;border:1px solid #FFF;border-radius: 5px;box-shadow: 1px 1px 0px #666;min-height:18px;margin: 0 3px 0 0;} .gencbutton {font:bold 0.9em Arial, Helvetica, sans-serif;padding:2px 15px;color:#FFFFFF;background:#222 url(/im/alert-overlay.png) repeat-x;cursor: pointer;border:1px solid #FFF;border-radius: 5px;box-shadow: 1px 1px 1px #666;min-height:22px;white-space:nowrap;} .gencbutton:hover{text-shadow:1px 1px 1px #666;} .blue.gencbutton, .blue.gencbutton:visited { background-color:#0a3c9b;min-width:230px; } .blue.gencbutton:hover { background-color:#4087C4;color:#FFF } a.blue.gencbutton{text-decoration:none;} .gray.gencbutton, .gray.gencbutton:visited{ background-color:#666; } .gray.gencbutton:hover{ background-color:#959595;color:#FFF;} a.gray.gencbutton{text-decoration:none;} .green.gencbutton, .green.gencbutton:visited{ background-color:#749a02; } .green.gencbutton:hover{ background-color:#91bd09;color:#FFF;} a.green.gencbutton{text-decoration:none;} .orange.gencbutton, .orange.gencbutton:visited{ background-color:#ff5c00; } .orange.gencbutton:hover{ background-color:#e33100;color:#ccc;border-color:#749a02; } a.orange.gencbutton{text-decoration:none;} .adebutton {font:bold 8pt Verdana, Arial, Helvetica, sans-serif;padding:0 10px;color:#FFFFFF;background-image: url(/im/alert-overlay.png);background-repeat: repeat-x;background-color: #222;cursor: pointer;border:1px solid #FFF;border-radius: 5px;box-shadow: 1px 1px 1px #666;min-height:18px;} .blue.adebutton, .blue.adebutton:visited { background-color:#0a3c9b;min-width:100px; } .blue.adebutton:hover { background-color:#4087C4;color:#FFF } a.blue.adebutton{text-decoration:none;} .adesublink {font-size:0.85em;background-color:#F9F9F9; border:0; color:blue; text-decoration:underline;} .adesublink:hover{font-size:0.85em;background-color:#F9F9F9; border:0; color:red; text-decoration:underline;cursor:pointer;} .awdsublink{font-size:0.85em;background-color:white; border:0; color:#333; text-decoration:underline;margin-top:4px;} .awdsublink:hover{background-color:white; border:0; color:red; text-decoration:underline;cursor:pointer;} .delbutton {font:bold 1em Verdana, Arial, Helvetica, sans-serif;padding:0 10px;color:#FFFFFF;background-color: #222;cursor: pointer;border:1px solid #FFF;border-radius: 5px;box-shadow: 1px 1px 1px #666;min-height:18px;} .orange.delbutton, .orange.delbutton:visited{ background-color:#ff5c00; } .orange.delbutton:hover{ background-color:red;color:white;border-color:black; } .green.delbutton, .green.delbutton:visited{text-decoration:none; background-color:green;white-space:nowrap;} .green.delbutton:hover{ text-decoration:none; background-color:black;color:white;border-color:black; } /* ----- tool tip specific styles ----- */ #theToolTip{position: absolute;left: -200px;min-width: 50px;max-width: 300px;padding:5px;background-color: rgba(255, 255, 255, 0.9);visibility: hidden;z-index: 100;font-size:0.8em;-moz-border-radius: 3px;border-radius:3px;margin-left:-10px;box-shadow:1px 1px 2px #333} #ToolTipPointer{display:none;position:absolute;left: -300px;z-index: 101;visibility: hidden;} #theToolTip p{ /* Wird fuer Zeilenumbruch im Tooltip benoetigt */ font-size: 10px;color: #333333;line-height:1.4em;margin-right:10px;margin-top:0;} #ToolTipTextWrap {/* Wird fuer fetten Titel in Tooltip benoetigt, zur Zeit ohne Aufruf */ font-weight:bold;font-size: 10px;color: #333333;margin-right:10px;} .reg {font-size: 8pt;vertical-align: text-top;} .clickpop {font-family: Arial, Helvetica, sans-serif;font-size: 9pt;background-image: url(/im/trans85.png); padding: 2px;border-top: 1px solid #CCCCCC;border-right: 1px double #CCCCCC;border-bottom: 1px double #CCCCCC; border-left: 1px solid #CCCCCC;} .yelbg {background-color: #FEF4B1;} /* FOR SCROLLBAR REPLACEMENTS (from jquery.fs.scroller.css) */ .scroller { overflow: hidden; overflow-x: hidden; overflow-y: hidden; position: relative; } .scroller-content { height: 100%; overflow: auto; overflow-x: hidden; overflow-y: auto; position: relative; z-index: 1; } .scroller-bar { background: #FBFBFB; border-left: 1px solid #EEEEEE; display: none; height: 100%; position: absolute; right: 0; top: 0; width: 20px; z-index: 2; } .scroller-track { background: #FBFBFB; height: 100%; overflow: hidden; position: relative; width: 100%; } .scroller-handle { background: #EEEEEE; border: 1px solid #D5D5D5; border-radius: 5px; cursor: pointer; height: 20px; overflow: hidden; position: absolute; right: 5px; top: 0; width: 10px; z-index: 2; -webkit-transition: right 0.1s linear, width 0.1s linear; -moz-transition: right 0.1s linear, width 0.1s linear; -ms-transition: right 0.1s linear, width 0.1s linear; -o-transition: right 0.1s linear, width 0.1s linear; transition: right 0.1s linear, width 0.1s linear; } /* Webkit Fix */ .scroller-content::-webkit-scrollbar, .scroller-content::-webkit-scrollbar-button, .scroller-content::-webkit-scrollbar-track, .scroller-content::-webkit-scrollbar-track-piece, .scroller-content::-webkit-scrollbar-thumb, .scroller-content::-webkit-scrollbar-corner, .scroller-content::-webkit-resizer { background: transparent; opacity: 0; } /* Active Scrollbar */ .scroller-active .scroller-content { padding: 20px; } .scroller-active .scroller-bar { display: block; } /* Setup Scrollbar - Should match 'active' styles for proper sizing */ .scroller-active .scroller-content { padding: 20px; } .scroller-active .scroller-bar { display: block; } /* Horizontal */ .scroller-horizontal .scroller-content { overflow: auto; overflow-x: auto; overflow-y: hidden; padding: 0 0 10px 0; } .scroller-horizontal .scroller-bar { border-left: none; border-top: 1px solid #EEEEEE; bottom: 0; height: 20px; top: auto; width: 100%; } .scroller-horizontal .scroller-handle { bottom: 5px; height: 10px; right: auto; top: auto; width: 20px; } /* ----- AstroClick Ajax CSS --------- */ /*#acpop {line-height:1.5em;border-left:none;overflow:auto;padding-left:0px;position:static;width:100%;height: auto;background:none;}*/ #acpop {line-height:1.5em;overflow:auto;position:static;height: auto;} /*changed by magnus */ #acpop h4 {padding-top:8px;font-size:12px;} #acpop li {list-style-image:url(/im/ackstar.gif);margin-left:5px; font-family:Verdana, Arial;font-size:8pt;} #acpop ul {padding:5px 0 5px 0;list-style-type: none; margin:0 0 10px 10px;} #acpop p {margin:0 0 5px;} .acnavi {padding-left:2px;margin-bottom:5px;} .actx {border-top:1px solid #CCCCCC;padding:0 10px 0 2px;} #acimage{width:100%;height:100%;position:relative;overflow:auto;} .aclim{position:relative;width:450px;margin:0 auto;}/* PNG IMAGE IN ASTRO CLICK*/ #scroll2chart{display:none;visibility:hidden} /* scrollbars anpassungen */ /*#ascontainer.aclchwide { background-image: none; min-width: 920px; }*/ input[name=AstroClick] { padding-bottom: 20px; } .scroller-horizontal .scroller-handle {background: rgba(130,130,130,0.5); bottom: 6px; height: 7px; border: none; } .leftfade {z-index: 10; background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); position: absolute; left: 0px; right: calc(100% - 20px); top: 0px; bottom: 22px; } .rightfade {z-index: 10; background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)); position: absolute; right: 0px; left: calc(100% - 20px); top: 0px; bottom: 22px; } #asmaincont.ack .scroller-horizontal .scroller-track {background: #a0baf0; background: linear-gradient(to right, #def, #fff, #fff, #fff, #def); } #asmaincont.ack .scroller-horizontal .scroller-bar {border-top: 1px dotted #aaa; border-bottom: 1px solid #999; background: #def; } #asmaincont.acm .scroller-horizontal .scroller-track {background: #a0baf0; background: linear-gradient(to right, #a0baf0, #fff, #fff, #fff, #a0baf0); } #asmaincont.acm .scroller-horizontal .scroller-bar {border-top: 1px dotted #aaa; border-bottom: 1px solid #999; background: #a0baf0; } #asmaincont.acl .scroller-horizontal .scroller-track {background: #a0baf0; background: linear-gradient(to right, #fee, #fff, #fff, #fff, #fee); } #asmaincont.acl .scroller-horizontal .scroller-bar {border-top: 1px dotted #aaa; border-bottom: 1px solid #999; background: #fee; } #asmaincont.acc .scroller-horizontal .scroller-track {background: #a0baf0; background: linear-gradient(to right, #fec, #fff, #fff, #fff, #fec); } #asmaincont.acc .scroller-horizontal .scroller-bar {border-top: 1px dotted #aaa; border-bottom: 1px solid #999; background: #fec; } /* DESIGNED LINKS WITH RED ARROW */ .imlink a{text-decoration:none; padding:2px 0px 0px 12px;background:url(/im/button_list_reg.png) no-repeat 3px 6px;color:black;} .imlink a:hover{text-decoration:none;color:#990000;} .imlink1 a{text-decoration:none; padding:2px 0px 0px 12px;background: url(/im/button_list_reg.png) no-repeat 3px 6px;} .imlink2 a{text-decoration:none; padding:0 0 0 12px;background: url(/im/button_list2.png) no-repeat 3px 6px;} .imlink2 a:hover{text-decoration:underline;} .imlink3 a{padding:2px 0px 0px 12px;background:url(/im/button_list_reg.png) no-repeat 3px 6px;} .imlink3 a:hover{text-decoration:underline;color:#CC0000;} .imlink4 a{padding:2px 0px 0px 12px;background:url(/im/button_list_blue.png) no-repeat 3px 6px;} .imlink5 a:hover{text-decoration:underline;color:#CC0000;} .normlink a{background-image:none;padding:0;margin:0;} #normlink a{background-image:none;padding:0;margin:0;} blockquote #imlink a {text-decoration:underline;color:#036;} blockquote #imlink {font-size:1.1em;} #shophelp-links{border-bottom:1px solid #CCC} #shophelp-cont{border-top:3px solid #FFF;} .imlink #shophelp-cont a {text-decoration:none;background:none;color:#666;padding:0} .imlink #shophelp-cont a:hover{font-weight:600} .imlink #shophelp-cont li a:BEFORE{content:"» "} .imlink #shophelp-cont li a{color:#000} .imlink #shophelp-cont ul {padding-left:14px} .hpwhite { color: #FFFFFF; text-decoration: none;} .hlogin { font-size: 8pt; font-family: Arial, Helvetica, sans-serif;text-decoration: underline;color:white;} .droplist {width:450px;/*-------- Horoskopdaten-Auswahl --- */} /*------ DAILY HOROSCOPE -------------*/ /* HK Titel */ .hkhead, .hkmhead, .hklhead {border-top:1px solid #999999;border-bottom:1px dotted #8598B6;font:700 1.2em Arial, sans-serif;padding:10px 0 15px 0;text-align: center;line-height:2em;} .hkhead {/* HK General Header */background: #FFF url(/im/hkbg12.jpg) no-repeat top right;} .hkmhead {/* HK Love Header */background: #FFF url(/im/hkbgmund2.jpg) no-repeat top center;} .hklhead {/* HK Mundane Header */border-bottom:1px dotted #FFCCCC;background: url(/im/hklove4.jpg) no-repeat;} .hkimg{margin:8px 16px 5px 0;} td.hkhead{width:480px;} h1#hkhead{font:700 1.2em Verdana, Arial, sans-serif;margin:0;border:none;} h2#hksub{font:bold 8pt Verdana, Arial, Helvetica, sans-serif;padding-top:5px;text-shadow:none;margin:0;} .hkown{font:700 0.8em Arial, Helvetica, sans-serif;padding-top:5px;text-shadow:none;} .hkline {/*for other transits in HK */padding:10px 0 2px 0;border-top:1px solid #CCCCCC;line-height: 1.7em;font-size:0.95em} .hkline .txt8p{font-size:1em} .hk small {line-height: 1.7em;font-size:0.95em} .hktit { font-size: 1.1em;font-weight: bold;} .hktitx { font-size: 15pt;font-weight: bold;line-height:150%;font-family: Arial, Helvetica, sans-serif;} div.grayline{margin: 0px 0px 2px 0px;display: block;float: left;height: 15px;width: 100%;background: url(/im/xgray.gif) repeat-x center;} #skinpict {height:80px;background:url(/im/registbg.jpg) no-repeat center 20px;} /* ------------- extended calendar ------------------ */ #ehkm {margin:4px 0 4px 0;border-right:1px solid #CCC;clear:left;} #ehkm td{border:1px solid #CCCCCC;border-right:0;border-bottom:0;padding:2px;} #mdcheckb td {border:0;padding-top:10px;} #mdcheckb select {font-size:1.1em;min-width:100px;max-width:250px;} #ehkm input{border:1px solid #FFF;} #ehkm input:hover{background-color:#EBEBEB;border:1px solid #ccc;border-radius:2px;} .ehkmtit {color:white;background: url(/im/headertop2_bg.png) no-repeat;} .ehkmtit strong{padding-left:6px;line-height:20px;font-size:1em;} #ehkm table{position:relative;top:-5px;} #ehkmad{} /* Daily Love-Horoscope in HK */ .loveback2 {margin-top:10px;} .love {font:0.95em Verdana, Arial, Helvetica, sans-serif;padding: 0px 0px 0px 18px;margin-top:10px;background: url(/im/lovetxt1.jpg) no-repeat;} .lovetxt1{font-weight:bold;line-height:2em;padding:2px 0px 0px 12px;background: url(/im/button_list_reg.png) no-repeat 3px 6px;} a.lovetxt:hover {text-decoration:underline;color:#990000;} .loveback { /*Link to hk in daily love */font:0.95em Verdana, Arial, Helvetica, sans-serif;padding: 0 0 0 18px;margin-top:10px;background:url(/im/loveback1.jpg) no-repeat;} .lovebg {background: url(/im/hklove2.jpg) no-repeat right -1px;} .lovetitel {font:bold 12pt Georgia, Times, serif;text-indent:15px;padding-top:3px;color:#333333;height:57px;vertical-align: middle;} .lovetitel2 {font:bold 12pt Georgia, Times, serif;padding:3px 0;color:#333333;} .lovl { /*L in HK */font-family: Verdana, sans-serif;font-size: 7pt;color: #CC0000;} a.lovl {color: #CC0000;text-decoration: none;} /* HK MUNDAN */ #mund, #mund1, #mund2, #mund3, #mund4{font:normal 0.95em Arial, Verdana, sans-serif;} /*#mund li, #mund1 li, #mund2 li {line-height:1.7em;list-style-type:circle;}*/ #mund ul, #mund1 ul, #mund2 ul, #mund3 ul, #mund4 ul {padding-left:0;} #mund li, #mund1 li, #mund2 li, #mund3 li, #mund4 li {line-height:1.6em;list-style-type:none;} #mund h2, #mund1 h2, #mund3 h2, #mund4 h2 {padding-top:1px;font:bold 1.1em Verdana, Arial, sans-serif;} .msym{min-width:50px;float:left;clear:left;} .mundtx {margin-left:50px;line-height:2em;} /*.mundtx a{text-decoration:none; padding:2px 2px 0px 12px;background:url(/im/button_list_blue.png) no-repeat 3px 6px;color:black;}*/ .mundtx a{background:none;color:black;text-decoration:none; padding:0;} .mundtx a:hover{text-decoration:underline;color:#CC0000;} #mund1 h2:before, #mund2 h2:before, #mund3 h2:before, #mund4 h2:before{clear:left;} /*.mundtx a img{display:none}*/ /* Auswahl-Reiter für HK und EHK Version mit Liebe, Mundan und Allgemein */ #hknav {text-align:right;position:relative;top:0px;margin-top:20px;clear:right;display:block;} #hknav a {text-decoration:none;color:#000;} #hknavext {text-align:right;position:relative;top:1px;margin-top:30px;clear:right;display:block;line-height:16px;} #hknavext a {text-decoration:none;color:#333;} .hknav1, .hknav2, .hknav1a, .hknav2a, .hknav6, .hknav6a{border:1px solid #999;-moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px;margin-right:4px;} .hknav3, .hknav4, .hknav5, .hknav3a {border:1px solid #999;border-bottom:none;-moz-border-radius:3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px;padding:1px 3px 2px 3px;margin-right:4px;font-size:0.9em} .hknav1{border-bottom:1px solid #999;padding:2px 4px 1px 4px;background:#EDEDED url(/im/hknav1.jpg) repeat-x;} .hknav1a{border-bottom:none;padding:2px 4px;background:#EDEDED url(/im/hknav1a.jpg) repeat-x;box-shadow: -1px -1px 1px 0px #CCC;border-top:1px solid #06C;} .hknav2{border-bottom:1px solid #999;padding:2px 4px 1px 4px;background:#F4DBDB url(/im/hknav2.jpg) repeat-x;} .hknav2a{border-bottom:none;padding:2px 4px;background:#F4DBDB url(/im/hknav2a.jpg) repeat-x;box-shadow: -1px -1px 1px 0px #CCC;border-top:1px solid #F6C;} .hknav3 {background:#C6DBF4 url(/im/hknav3.jpg) repeat-x;white-space: nowrap;} .hknav3a {border-bottom:none;background:#C6DBF4 url(/im/hknav3a.jpg) repeat-x;white-space: nowrap;} .hknav4 {background:#EDEDED url(/im/hknav4.jpg) repeat-x;} .hknav4a {background:#EDEDED url(/im/hknav4a.jpg) repeat-x;} .hknav5 {background:#EDEDED url(/im/hknav4.jpg) repeat-x;margin-right:5px;} .hknav5a {background:#EDEDED url(/im/hknav4a.jpg) repeat-x;margin-right:5px;} a.hknav1:hover, a.hknav2:hover, a.hknav3:hover, a.hknav4:hover, a.hknav5:hover, a.hknav6:hover{background:#FFF;} .hknav6{border-bottom:1px solid #999;padding:2px 4px 1px 4px;background:#EDEDED url(/im/hknav6.jpg) repeat-x;} .hknav6a{border-bottom:none;padding:2px 4px;background:#EDEDED url(/im/hknav6a.jpg) repeat-x;box-shadow: -1px -1px 1px 0px #CCC;border-top:1px solid #669900;} .blass {opacity: .3} /* Reduce color intensity to 30% */ .hknav1, .hknav2, .hknav1a, .hknav2a, .hknav6, .hknav6a{float:left;position:relative;top:1px;background-position:0 1px} .hknav1, .hknav1a{margin-left:1%;} .hknav3, .hknav4, .hknav5, .hknav3a {position:relative;top:4px;} #hknavext .hknav1, #hknavext .hknav1a, #hknavext .hknav2, #hknavext .hknav2a, #hknavext .hknav6, #hknavext .hknav6a{top:-5px} #hknavext .hknav3 {position:relative;top:-2px} .tlist, .hkchart.imlink img{display:none;} /*.mundtx a.hkchart.imlink{background:none;background-image:none}*/ /* ------------- FORMS, TABLES, BORDERS, DIVERS ------------------ */ .shtable { /* inner table scart */font-size: 1em;} .shtable textarea{min-width:250px} select.shtable {min-width:100px;} table.shtable > tbody > tr > td {padding:4px 0;} .cartcontainer {width:520px;margin-left:250px;} .ahornatrec {border: 1px solid #CCCCCC;margin-top: 8px;background-color: #FFFBE6;} .ahornatrecleft {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt;color: #FFFFFF;} .smallborder {border: 1px solid #CCCCCC;margin-top: 8px;} .smallborder li {margin-left:15px;} .forlink {background-color:white;} .forlink li {margin-left:15px;font-size:1.1em} .login { font-size: 7pt;font-family: Arial, Helvetica, sans-serif;height: 5px;} .txtform160 { width: 160px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt;} .txtform420 {width: 420px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt;} .hpbg {border-right:1px solid #666666; background-color:#C8D3E9;} .myatable {width: 180px;background-image: url(/im/bgmya180_white.jpg);background-repeat: no-repeat; background-color: #FFFFFF;height: 550px;} .infotit {font:bold 2em Arial Black, sans-serif; border-bottom: 1px dotted #666666;padding-top:10px;padding-right:5px;} .infosubtit {font:bold 1.1em Verdana, sans-serif;padding-top:3px;padding-right:5px;clear:left;} .infotxt {line-height:1.6em;} #faqli ul {padding-left:15px;line-height:16px;list-style-type:none;} .error {background-color: #FF0000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt;} .twocol, .twocol1{-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;-moz-column-gap: 20px;-webkit-column-gap: 20px;column-gap: 20px;-moz-column-rule: 1px solid #CCC;-webkit-column-rule:1px solid #CCC;column-rule: 1px solid #CCC;margin-bottom:20px;} .twocol li {-webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid;} .twocol1 ul{display:inline-block;-webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid;} .teaser{margin:5px 0 0 3px;clear:both;} /*------ INFO TEASER PAGES -----*/ .infoteas{margin:3px 0;} .infoteas h3 {padding:2px 0 ;margin:20px 0 0 0;border-bottom:1px dotted #CCC;font:bold 1em verdana, arial, sans-serif;line-height:150%} .infoteas p{margin:5px 0;} .infoteas p:after{content:" \25B8\25B8\25B8";display: inline;color:#900} .infoteas a{text-decoration:none; padding:2px 0px 0px 12px;background:url(/im/button_list_reg.png) no-repeat 3px 6px;color:black;} .infoteas a:hover{text-decoration:underline;color:#CC0000;} .teasdate{float:right;font:normal 0.8em verdana, arial, sans-serif;color:#999;margin-top:5px} /*------ INFO CATEGORIES -----*/ .infcont{width:45%;min-height:55px;float:left;font:700 1.1em Arial, sans-serif;margin:0 2% 3px 0;padding-bottom:2px;border-top:1px dotted #CCC;letter-spacing:-1px} .infmascont{width:100%;margin:10px 0 20px 0;padding-bottom:15px;border-bottom:6px dotted #DFDFDF;} .infcont img{border-radius:5px;border:1px solid #CCC;border-top:0;float:left;margin-right:7px;} .infmascont a{text-decoration:none;color:#333;} .infcont:hover{background-color:#AFC2D9;color:#FFF;border-radius:5px} .infsubt{text-transform:none;letter-spacing:normal;font-size: 0.9em;font-weight:normal} #info{margin-top:10px;} /* ------------- My Astro ------- */ /* DESIGN 2014 */ .shtittable {margin-top:5px;} table.shtittable {padding:0;margin:0;} textarea.shtittable {width:95%;min-height:150px;} #mya {font-size:0.9em} #mya .txt8p{font-size:1em} #mya td {border-bottom:1px dotted #CCCCCC;padding:3px;} .formline {padding:3px;border-bottom:1px dotted #CCCCCC;clear:left;display:block;margin:5px 0;} .formtx {width:30%;float:left;margin-top:3px;display:inline-block;} .formline small{font-size:0.9em} .formline input, .formline select {font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;} .formline input[type=text] {width:250px;} .xsmall {font-size:0.8em;font-weight:normal;} .formbutton {top:3px;} .formrgt {display:inline;} .myabord {font-weight:bold;font-size:1.2em;text-transform: none;padding:2px;} .myadat {font:bold 1.3em Arial, Helvetica, sans-serif;padding-bottom:10px} .myatb {padding:3px;font-size:0.95em;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #CCCCCC;} .myali {vertical-align: top;} .myali a {} .myalink {color: #000000;text-decoration: none;line-height:2em;padding:0 5px} a.myalink:hover {color: #CC0000;text-decoration: underline;} .myasort {font-size:0.9em;padding-left:2px} .myasort a{min-width:10px;display:inline-block;padding:0 2px;border-radius:3px;border:1px solid #669BCC;background-color:#F4F4F4;color:#000;text-decoration:none;line-height:1.2em;text-align:center;margin-left:1px} .myasort font {min-width:10px;display:inline-block;padding:0 2px;border-radius:3px;border:1px solid #CCC;background-color:#F4F4F4;color:#888;text-decoration:none;line-height:1.2em;text-align:center;margin-left:1px} .myasort a:hover{background-color:#FFCC00;box-shadow:1px 1px 1px #666;} /* AWD */ #asmain.awd h2 {font:bold 1.2em Arial, Helvetica, sans-serif;margin-top:10px;} .awdtx{line-height:1.6em;margin:5px 0 10px 0} .awdwarn{line-height:1.6em;margin:5px 0 10px 0;color:red;} #awdlogin {max-width:750px;width:100%;} #deldata {width:550px;margin-top:10px;} .awdinput {background-color:#FFF;border:1px solid #c8c8c8;padding-left:5px;height:2em;width:320px;line-height:1.8em;border-radius:5px;box-shadow:inset 0 0 1px #5a5a5a;margin:2px 0 2px 0;font-size:1.1em;} .awdfield{margin-bottom:10px;border:1px solid #CCC;border-radius:10px;padding:10px;line-height:2em;} .awdf1 {background-color:#FFFBEC;width:95%;} .awdf2 {background-color:#F4F4F4;width:95%;} .awdf3 {background-color:#F8F8F1;line-height:2.5em;max-width:750px;width:95%;} .awdico1 {background:url(/im/awdiconstar.png) no-repeat left top; padding-left:30px;text-decoration:none;} .awdico2 {background:url(/im/awdiconuser.png) no-repeat left top; padding-left:30px;text-decoration:none;} .awdico3 {background:url(/im/awdiconpw.png) no-repeat left top; padding-left:20px;text-decoration:none;} .awd .smallborder{margin-bottom:10px;border:1px solid #CCC;border-radius:5px;padding:5px;line-height:2em;} .awd .vtit8{font:bold 1.3em Arial, Helvetica, sans-serif} .awdsubm {float:right;} .grey {background-color: #F4F4F4;} .white {background-color: #FFFFFF;} /* ------- Probalby unused ??? ------*/ .shbordrt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .shbordlf { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; background-color: #FEEECD; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; } .admtb { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; background-color: #F1EFE2; border: 1px solid #CCCCCC; } .shtd { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF; background-color: #CC0000; } .imbord { border: 1px solid #999999; } .warntxt { background-color: #FFFF00; font-weight: bold; text-decoration: underline blink; } .navtb { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; padding-top: 10px; } .brdr {border-top: 1px solid #CCCCCC;} /* --------- Admin-Page -------------*/ .warntxt2 { text-decoration: underline blink; } /* ------------- Buttons ------------------ */ .bmya, .bmyared {font:normal 8pt Verdana, Arial, Helvetica, sans-serif;border: 1px solid #006699;background-color: #FFFFFF;} .bmyared {font-weight: bold;background-image: url(/im/btred.gif);padding-left: 15px;} .ordtr {font:normal 8pt Verdana, Arial, Helvetica, sans-serif;background-color: #FFF3CE;border-top: 1px solid #CC6600;border-right: 1px double #993300;border-bottom: 1px double #993300;border-left: 1px solid #CC3300;text-decoration: none;padding-right: 5px;padding-left: 5px;vertical-align: 2%;white-space: nowrap;float:right;} .ord_submit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; background-color: #FFF3CE; border-top: 1px solid #CC6600; border-right: 1px double #993300; border-bottom: 1px double #993300; border-left: 1px solid #CC3300; text-decoration: none; padding-right: 5px; padding-left: 5px; width: 94px; height: 16px; cursor: pointer; } .bsp { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight:normal; background-color: #FFF3CE; border-top: 1px solid #6699CC; border-right: 1px double #006699; border-bottom: 1px double #006699; border-left: 1px solid #6699CC; text-decoration: none; padding-right: 5px; padding-left: 5px; vertical-align: 2%; } .sub { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; background-color: #FFF3CE; border: 1px solid #6699CC; text-decoration: none; padding-right: 1px; padding-left: 1px; } .show { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; background-color: #FFF3CE; border-top: 1px solid #6699CC; border-right: 1px double #006699; border-bottom: 1px double #006699; border-left: 1px solid #6699CC; text-decoration: none; padding-right: 5px; padding-left: 5px; float: right; } .aitit {font:bold 1.8em Arial Black, sans-serif; height: 46px;letter-spacing: 0.05em;color: #FFFFFF; vertical-align: bottom;} .aisubtit {font:bold 0.8em Verdana, Arial, Helvetica, sans-serif;line-height: 24px;font-weight: bold;vertical-align: top;} .aisub1tit {font:bold 1.3em Arial Black, sans-serif;color: #333333;} .sublink {font:11px Verdana, Helvetica, sans-serif;color:#000099;background-color:white;border:0;border-bottom:1px solid #000099;height:14px;} /* ------------- HTML-Reports ------------------ */ .reptespace {/*teaser*/background-color: #FFFFFF;width: 440px;padding-left: 10px;} .repbg {background-color: #EBEBEB;padding-top: 15px;left: 50%;right: 50%;text-align: left;} .repspace {/*html-reports in popup*/margin:auto;background-color: #FFFFFF;width: 500px;padding: 10px;} .repspacemain{/*html reports in main column */background-color: #FFFFFF;width: 100%;padding-left: 0px;clear:both;} #xpht.repspacemain, #xtvt.repspacemain, #xtpt.repspacemain, #xtkt.repspacemain, #xjat.repspacemain {font-size:1em;} .repcontr {height: 7px;width: 50px;position: relative;left:460px;top: -9px;padding-top: 5px;} .repai {height: 10px;background-image: url(/im/rep_ai.jpg); background-repeat: no-repeat; background-position: center 0;} .repaite {height: 14px;background-image: url(/im/ai11.gif); background-repeat: no-repeat;} .repspace a {color: #003399;text-decoration: none;} .repspace a:hover {color: #CC0000;} .reptxt { /* font fuer popup */font-size: 10pt;font-family: Arial, Helvetica, sans-serif;line-height: 1.6em;} .reptxtmain { /* font fuer main */font-size: 1.05em;line-height: 1.5em;} .reptxtmain p {margin:0.5em;} .reptxtmain a:BEFORE{content:" "} #xpt h2{font-family: Verdana, Arial, Helvetica, sans-serif;} .repdata { font-size: 0.9em;font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 1.6em;padding-right:10px; } .repinl { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; white-space:nowrap; } .repnum {font-size: 7pt;font-family: Verdana, Arial, Helvetica, sans-serif;color: #999999;text-align: center;position: relative;top: -15px; } .repaitit {font-family: Arial Black, sans-serif;font-size: 19pt;font-weight: bold;letter-spacing: 0.05em;line-height: 2em;text-align:center;} .reptetit { /* titel in main */font:700 2em Verdana, sans-serif;margin:10px 0 3px 0;color: #333333;line-height: 1.5em;} .rephead1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:17pt;font-weight: bold;line-height: 1.5em;} .rephead2 { /* person angaben */font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10pt;font-weight: bold;line-height: 1.5em;} #asmain .rephead2{clear:both;} .rephead3 { /* subtitel in astrotext */font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10pt;font-weight: bold;line-height: 1.5em;} .repsubtit { /* subtitel in main */font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11pt;font-weight: bold;line-height: 2em;} .rephr {width: 100%;border-top: 1px dotted #aaa;padding-bottom: 15px;} .transitinfo {font-size: 8pt;font-family: Arial, Helvetica, sans-serif;width: 150px;float: right;padding: 2px;margin-left:10px;margin-top:5px;border: 1px solid #CCCCCC;text-align: right;background-color: #FFF7E6;border-radius:5px;} #asmain .transitinfo p{margin:2px;} #asmain .transitinfo {margin-bottom:5px;} .repem {font-size:0.9em;background: #F8F8F8 url(/im/repembg.jpg) repeat-y;padding: 5px;border-radius:5px;margin-bottom:15px;border:1px solid #CCC;clear:both;} .repem a.ord {padding:0;border:none;background:none;text-decoration:underline;font-size:1em;text-indent:0;font-weight:bold;color:#900} .repitalic {font-style: italic;} .repfright {width: 250px;line-height:1.3em;float:right;margin-left: 10px;border:1px solid #CCCCCC;border-radius:3px;display:block} .repfright .tit {background-color:#CC503C;height:20px;text-align:center;color:white;padding-top:3px;font:700 1.1em Verdana, sans-serif;} .repfright h3{margin:5px;} .repfright img{border-radius:5px;box-shadow:1px 1px 1px #333} .graybottom{border-top:1px dotted #CCC;background-color:#EBEBEB;} .repfright p:after {content: ".";clear: both;display: block;visibility: hidden;height: 0px;} .pmess {font-size: 9pt;font-family: Arial, Helvetica, sans-serif;margin: auto; border:1px solid #CC0000;background-color:#FEF7D8;padding:4px;position:fixed;left:50px;right:50px;width:400px;height:120px;visibility:visible;} /* ORDER BUTTON IN TEASER */ .teasord {background:#FFF url(/im/scart18.png) no-repeat 2px 2px;width:36px;height:20px;box-shadow:1px 1px 1px #777;border-radius:3px;float:right;} .teasord:hover{background:#6C0 url(/im/scart18w.png) no-repeat 2px 2px;box-shadow: inset 1px 1px 1px #777;} /*--------- people ----------*/ #content {font-size: 1em;line-height:1.6em;} #pltit,.pltit {font:bold 1.3em Arial Black, sans-serif;line-height:1.6em;padding-top:3px;} #pltit h1 {font:bold 1.3em Arial Black, sans-serif;line-height:1.6em;padding-top:3px;border-bottom:3px dotted #BEB8AB;} .plstit {font:bold 17px Arial Black, sans-serif;margin-top:20px;padding:3px;border-bottom:1px solid #BEB8AB;color:#003366;line-height: 100%;clear:both;} .plsmall {font:8pt Verdana, Arial, Helvetica, sans-serif; text-align:right;margin:2px 0 10px 0;color:#666666;} .plinf {font:bold 8pt Verdana, Arial, Helvetica, sans-serif;padding:3px;border-bottom:1px dotted #CCCCCC;text-align:right;color:#666666;clear:both;} /* ------------- Free Horoscopes Header (excl. HK, WH, SYN ------------------ */ .headapx {background:url(/im/bgrep_apx.jpg) no-repeat;} .headxtkt {background:url(/im/bgrep_xtkt.jpg) no-repeat;} .headakx {background:url(/im/bgrep_akx.jpg) no-repeat;} .headxtvt {background:url(/im/bgrep_xtvt.jpg) no-repeat;} .headxtpt {background:url(/im/bgrep_xtpt.jpg) no-repeat;} .headacx {background:url(/im/bgrep_acx.jpg) no-repeat;} .headalx {background:url(/im/bgrep_alx.jpg) no-repeat;} .headatx {background:url(/im/bgrep_atx.jpg) no-repeat;} .headxpht {background:url(/im/bgrep_xpht.jpg) no-repeat;} .headxjat {background:url(/im/bgrep_xjat.jpg) no-repeat;} .headack {background:url(/im/bgrep_ack.jpg) no-repeat;} .headacm {background:url(/im/bgrep_acm.jpg) no-repeat;} .headacl {background:url(/im/bgrep_acl.jpg) no-repeat;} .headacc {background:url(/im/bgrep_acc.jpg) no-repeat;} /* ------------- Free Horoscopes Header with some CSS3 styles ------------------ */ #atxgenhead {text-align:center;border-top:1px solid #999;line-height:1.5em;clear:both;margin-top:10px;clear:both;} .akxhead {background:url(/im/bgrep_akx.jpg) left top no-repeat;min-height:70px;} .akxhead {background:url(/im/bgrep_akxl.jpg) left top no-repeat, url(/im/bgrep_akxr.jpg) right top no-repeat;min-height:70px;padding-top:3px;} .alxhead {background:url(/im/bgrep_alx.jpg) left top no-repeat;} .alxhead {background:url(/im/bgrep_alxl.jpg) left top no-repeat, url(/im/bgrep_alxr.jpg) right top no-repeat;} .acxhead {background:url(/im/bgrep_acx.jpg) left top no-repeat;} .acxhead {background:url(/im/bgrep_acxl.jpg) left top no-repeat, url(/im/bgrep_acxr.jpg) right top no-repeat;min-height:80px;} .apxhead {background:url(/im/bgrep_apx.jpg) left top no-repeat;} .apxhead {background:url(/im/bgrep_apxl.jpg) left top no-repeat, url(/im/bgrep_apxr.jpg) right top no-repeat;} .atxhead {background:url(/im/bgrep_atx.jpg) left top no-repeat;} .atxhead {background:url(/im/bgrep_atxl.jpg) left top no-repeat, url(/im/bgrep_atxr.jpg) right top no-repeat;} .ackhead {background:#FBFAF4 url(/im/bgrep_ack.jpg) center -1px no-repeat;} .ackhead {background:url(/im/bgrep_ackl.jpg) left top no-repeat, url(/im/bgrep_ackr.jpg) right top no-repeat;} .aclhead {background:#FBFAF4 url(/im/bgrep_acl.jpg) center -1px no-repeat;} .aclhead {background:url(/im/bgrep_acll.jpg) left top no-repeat, url(/im/bgrep_aclr.jpg) right top no-repeat;} .acchead {background:#FBFAF4 url(/im/bgrep_acc.jpg) center -1px no-repeat;} .acchead {background:url(/im/bgrep_accl.jpg) left top no-repeat, url(/im/bgrep_accr.jpg) right top no-repeat;} .acmhead {background:url(/im/bgrep_acm.jpg) left -1px no-repeat;} .acmhead {background:url(/im/bgrep_acml.jpg) left top no-repeat, url(/im/bgrep_acmr.jpg) right top no-repeat;} .xphthead {background:url(/im/bgrep_xpht.jpg) left top no-repeat;} .xphthead {background:url(/im/bgrep_xphtl.jpg) left top no-repeat;} .xtpthead {background:url(/im/bgrep_xtpt.jpg) left top no-repeat;} .xtpthead {background:url(/im/bgrep_xtptl.jpg) left top no-repeat;min-height:80px;} .xtvthead {background:url(/im/bgrep_xtvt.jpg) left top no-repeat;} .xtvthead {background:url(/im/bgrep_xtvtl.jpg) left top no-repeat;} .xtkthead {background:url(/im/bgrep_xtkt.jpg) left top no-repeat;} .xtkthead {background:url(/im/bgrep_xtktl.jpg) left top no-repeat, url(/im/bgrep_xtktr.jpg) right top no-repeat;height:120px;} .xjathead {background:url(/im/bgrep_xjat.jpg) left top no-repeat;} .xjathead {background:url(/im/bgrep_xjatl.jpg) left top no-repeat;} .hkhead1 {background:url(/im/hkbg3.jpg) left top no-repeat;padding:4px 0;border:none;line-height:2em;} .cohead, .xcothead {background:url(/im/bgrep_col1.jpg) left top no-repeat;} .cohead, .xcothead {background:url(/im/bgrep_col1.jpg) left top no-repeat, url(/im/bgrep_cor.jpg) right top no-repeat;} /* Title Coloroscope */ #atxgenhead .cfhead {text-align:left;border:none;} #cf.repspacemain #atxgenhead {border:none;} #cf .reptetit {font-size:2.6em} .cfhead {background:url(/im/colhead2.jpg) no-repeat right 0;} #cf .atxcopy {text-align:right;} #cf .rephr {border:none;} .atxcopy {font-size:0.95em;font-weight:normal;text-shadow:none;color:#333;padding:8px 0;} /* Free horoscopes title */ #asmain .reptxtmain h2{font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;} .reptxtmain .smallborder {padding:5px} #co .reptxtmain h2{font-size:1.2em;} .reptxt h1 {font-size:1.5em;} .reptxt h2 {font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;} /*Header and fonts for synclick */ .aforl p, #asmain.aclch p {font-size:1em;line-height:150%;} #asmain.atxgen .aforl h2 {color:#222;font:normal 1.6em Arial, Helvetica, sans serif;} #aforlhead {background:url(/im/syn/synbf2011.jpg) no-repeat right 0;} #aforlhead h1 {font-size:1.6em;color:#B83038;border-bottom:1px dotted #CCC;} #aforlhead .txt8p{color:#B83038;} .aforlsel{padding:10px 0 20px 0;font:normal 0.9em Verdana, Arial, sans-serif;margin-top:-5px;margin-bottom:5px;} .aforlsel a {text-decoration:none; padding:2px 0px 0px 12px;background:url(/im/button_list_reg.png) no-repeat 3px 6px;color:#C00;} #aforlhead select, #synhp select{-moz-box-shadow: 3px 3px 3px #FFF;-webkit-box-shadow: 3px 3px 3px #FFF;box-shadow: 3px 3px 3px #FFF;} #synhp {background:url(/im/synhp.jpg) no-repeat 0 10px;padding:0 2px 0 4px;width:208px;position:relative;left:-5px;} #synhp h1{font:700 1.5em Arial, Helvetica, sans serif;color:#B83038;border-bottom:1px dotted #CCC;text-align:center;} #synhp .verd8p {font-size:0.6em;} .synopt{font:normal 0.97em Verdana, Arial, sans-serif;border:1px solid #F96;border-radius:3px;margin:2px 0;width:140px;} .synco{display:none}/* ADVERTISEMENT FOR LOVE HOROSCOPE */ /* GENCHART */ .bigc {border:1px solid #E5E5E5;border-left:0;} /* for img in ext. chart sel. */ #gencbigimg{position:absolute;left:40%;margin:0 auto;top:10px;width:250px;text-align:center;border:1px solid #C00;padding:5px;border-radius:3px;box-shadow:2px 2px 2px #CCC;background-color:rgba(265, 265, 265, 0.9);} .genctit {font-family: verdana, arial, helvetica, sans-serif;font-weight: bold;font-size: 10pt;margin-bottom:3px;padding-top:15px;margin-left:5px;text-align: left;} .genctit a { color:#333; } .genctit a img { margin-right:5px; border:0; } .gencbg {width: 100%;padding:2px;background-image:url(/im/genc_titel14.jpg);background-repeat: no-repeat;background-position:left 0;} .gencbg h2 {text-align:left;font-size:1.8em} .genc {padding: 2px;position:relative; } td.genc.verd8p{width:50%;} .gencborder { margin-left:1px; margin-top:1px;table-layout:auto;} .verd8p select{font-size:0.9em} table.genchead {width:100%;max-width:750px;} /*.gencborder td.verd8p {padding:2px;background-color:red } td.genc { width:50%; vertical-align:top; }*/ .gencborder1 { border:0; border-radius:7px; padding:5px; margin:0; } .gencborder td{padding:2px; vertical-align: text-top;max-width:250px;} .gencsub { text-align:right; padding:5px; } .bigimg{max-width:100%; height:auto;} td.gencleft {width:30%;min-width:130px;padding:2px;vertical-align:top; } td.gencright {width:60%; min-width:400px;padding:2px 0 0 10px;vertical-align:top; } .gencright select { max-width:250px; } .spacer { padding: 2px; } .gcltit {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt;font-weight: bold;color: #990000;padding-top: 4px;} .gclsubtit {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt;font-weight: bold;color: #006699;padding: 2px;} .mtit {padding:2px 0 2px 0;border-top: 1px solid white;width:100%;font:bold 7.5pt verdana,arial;background:url(/im/mtit.jpg) no-repeat;text-align:left;} .gencadd{width:200px;} /* Formatierungen fuer das Wochenhoroskop NEW STYLE */ .dyn {text-decoration: none;} div.dyn {position:relative; overflow:hidden;padding:0;} .sign {border:none;padding-top:10px;clear:left;} .whor {font-weight: normal;font-size:1.5em;border-bottom:1px dotted #CCC;text-transform:uppercase;color:#000;margin-bottom:10px;} .whor a{color:#333;} .sign .rephead2 {font-weight:bold;color:#000;} .whortit {background:url(/im/whor_tit14_2.png) no-repeat left 0px;height:85px;color:#000;font-size:1.2em;margin:-20px 0 20px 0;padding-left:5px;} #asmain .whortit h1 {padding-top:20px;font-size:1.5em;border:none;} #asmain .whortit h3 {font-weight: normal;font-size:1.2em;color:#333;margin-top:-3px} /* -------------- formatierungen fuer den skin-shop ---------------- */ .sksmtit {background:#EFEFEF url(/im/sksm_bg.jpg); font-family:Verdana,Arial,Helvetica;font-size:8pt;text-align:right;color:#CC0000;} .txttr { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; line-height:12pt;} /* -------------- ade ---------------- */ table.ade {border: 1px solid #CCCCCC;margin-top: 8px;font-size:1em;padding:1px;background:url(/im/adelbg.jpg) repeat-y;border-radius:5px;} table.ade td {padding:3px;} .adext{border-top:1px solid #CCC;} #gend{font-size:0.9em} #glyphs {float:right; top:2px;} #glyph {float:right; top:2px;z-index:100;} .glyph { top:2px;z-index:100;} #gly {float:right; top:2px;} #zz {float:right;top:2px;text-align:right;} .adle {width:100%;border-top: 1px solid rgb(204, 204, 204); background: url(/im/adelgbg.jpg);} /* ------ new autocomplete (2011-05-25) ------- */ .ui-autocomplete { position:absolute; cursor:default; max-height:150px; overflow-y:auto; border:solid 1px black; background-color:white; font-size:8pt; list-style:none; padding:0; } .ui-autocomplete li { padding:2px 5px; line-height:16px; } .ui-autocomplete li:nth-child(even) { background-color:#eee; } .ui-autocomplete li:hover { background-color:#0A246A; color:white; } .ui-autocomplete li a:hover { color:white; } #ui-active-menuitem { background-color:#0A246A; color:white; } * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /*Link Send this Page */ .sendpagehk{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt;text-align:right;} .sendpage{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt; text-align:right;position:relative; top:-15px;} .bord, #bord {border:0;border-top:1px dotted #CCCCCC;width:100%;padding:5px 0 5px 0;clear:both;} /* Font fuer igoogle hk */ #content.igoog {font-size:13px;line-height:1.3em;} /* COLOR-O-SCOPE */ #cos, #cf{width:100%;margin-top:10px;margin-left:10px;} .costx{width:100%;font:bold 0.9em Verdana, Geneva, sans-serif;text-align:center;margin-bottom:10px;} #cosplace {width:450px;height:140px;background-color:#E9E9E9;padding:0 4px 0 4px;margin:0 auto;} #cosplace, #coscol{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #CCC;} .cosplace{-webkit-box-shadow: inset 1px 2px 3px #666;-moz-box-shadow: inset 1px 2px 3px #666;box-shadow: inset 1px 2px 3px #666;width:50px;height:50px;float:left;margin:5px 12px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;background:white;} .cosplacefull {width:50px;height:50px;float:left;margin:4px 11px;border:1px solid #999;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;background:#BBB;-webkit-box-shadow:inset 1px 1px 0 #666;-moz-box-shadow:inset 1px 1px 0 #666;box-shadow: inset 1px 1px 0 #666; } .costxsum, .cosplacetx{-webkit-box-shadow: 1px 1px 2px #888;-moz-box-shadow: 1px 1px 2px #888;box-shadow: 1px 1px 2px #888;width:50px;height:50px;float:left;margin:5px 7px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;} #cosrow1, #cosrow2{padding:10px 0;} .cosout {float:right;margin:3px 3px 12px 12px;} .cosnum, .cosnumakt {text-align:center;font:bold 20px "Courier New", Courier, monospace;color:#CCC;margin:20px 0 0 8px;} .cosnumakt {color:#666;} #coshead h1 {font-weight:normal;color:#000;background:url(/im/colhead.jpg) no-repeat right 0;} #cf .sign1{border:none;padding:3px;text-align:right;position:relative;top:-10px;} #cf .sign1 a{text-decoration:underline;padding:2px 0px 0px 12px;background: url(/im/button_list_reg.png) no-repeat 3px 6px;color:black;} .dyn1 {font-style:italic;padding-left:60px;} #coscol {width:450px;height:460px;background-color:#FFF;border:1px solid #CCC;padding:0 4px 0 4px;margin:10px auto} .coscolrow{margin:5px 0;} .coscolor {width:70px;height:70px;float:left;margin:8px;-webkit-box-shadow: 2px 2px 3px #666;-moz-box-shadow: 2px 2px 3px #666;box-shadow: 2px 2px 3px #666;border-radius:17px;-moz-border-radius:17px;-webkit-border-radius:17px;cursor:pointer;} .first {float:left;margin:0 .15em 0 0;font:bold 2.2em Arial, Helvetica, sans-serif;color:#bb6060;} .costext p {text-indent:1em;} #cossub {width:440px;padding:10px;text-align:center;border:1px dotted #CCC;position:relative;margin:10px auto} .coswheel{width:25px;height:25px;position:absolute;right:90px;top:20px;background:url(/im/animwheel.gif) no-repeat;} .sign1 .verd8p{font-weight:bold;} /* ASTRO KURZPORTAIT*/ .cocolor {height:100px;vertical-align:bottom;border-bottom:1px solid #CCC;} .cocolortx {height:20px;font:normal 0.85em Arial, Verdana, sans-serif;text-align:center;border-bottom:1px dotted #CCC;} .cocolor.left, .cocolortx.left {border-left:1px dotted #CCC;} .cocolor.right, .cocolortx.right {border-right:1px dotted #CCC;} #cocolor td {width:8%;padding:1px;} #cocolor {margin-bottom:20px;} .cotx {padding:0 2em ;} .cocont {-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;} #eco .repem, #co .repem, #xcot .repem{background:#F3F3F3;font:italic normal 1em Arial, Helvetica, sans-serif;line-height:1.5em;border:1px dotted #CCC;margin:10px 0;padding:3px 3px 8px 3px;} #eco .anchor, #co .anchor, #xcot .anchor{display:none;} /* Help iFrames */ .help {background-color:white;background-image:none;} /* For iFrame and Help-Popup and sub.cgi */ .help body {margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;} .help td {padding:2px;font-size:0.75em;line-height:150%} .help tr{margin:0;padding:0;} .help h3, .help h4 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.05em;} .help ul{padding-left:14px;} /* RUBRIKEN UEBERSICHT HOROSKOPDEUTUNGEN js 15-06-2015 */ a.rubgreen, a.rubblue{text-decoration:none;font:700 1.2em 'Roboto Condensed',Verdana,sans-serif;padding:3px;margin-top:2px;float:left} .rubgreen{color:#659900} .rubblue{color:#0066CC} a.rubgreen:before{content:url(/im/ar_r_green.png);position:relative;top:2px;margin:2px 4px 0 0} a.rubgreen:hover{color:#F00} a.rubblue:before{content:url(/im/ar_r_blue.png);position:relative;top:2px;margin:2px 4px 0 0 } a.rubblue:hover{color:#F00} .rubpic{float:left;margin:3px 10px 5px 0;width:90px;height:auto;border:1px solid #ccc;border-radius:3px;} .rubriknavcont{width:100%;min-width:570px;height:110px;font:700 1.2em 'Roboto Condensed', Arial, sans-serif;} .rubriknavcontright{width:200px;font:700 1em 'Roboto Condensed', Arial, sans-serif;} .rubriknavcont .rubriknav{float:left;text-align:center;padding:3px;min-width:70px;} .rubriknavcontright .rubriknav{float:left;text-align:center;padding:0 3px;} .rubriknav a{text-decoration:none} .rubriknav:hover{cursor:pointer;box-shadow:1px 1px 1px #666} .rubriknavcont .rubriknav img{max-width:60px;height:auto} .rubriknavcontright .rubriknav img{max-width:60px;height:auto} #rubrik1, #rubrik2, #rubrik3, #rubrik4 ,#rubrik5,#rubrik6{/*display:none;*/background-color:#F6F6F6;border:1px solid #DDD;border-radius:3px;padding:5px;margin-bottom:10px} .rubentry{clear:left;margin-bottom:10px;padding:1em 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;min-height:120px;background-color:#FFF;padding:3px;} .rubentry strong{text-transform:uppercase;font:700 1.2em 'Roboto Condensed',Verdana,sans-serif;} p.absatz:after{clear:left;} p.absatz a img{box-shadow:1px 1px 2px #666;} p.absatz a img:HOVER{border:2px solid #ccc;box-shadow:none} .rubico{float:left;margin-right:6px;width:30px;height:30px;border-radius:4px;position:relative;top:-7px;} .rubriknavcont .rubactive img{border:2px solid #ccc;border-radius:6px;max-width:62px;} div.rubriknav.rubactive {position:relative;top:-2px;} .rubactive:hover{box-shadow:none;} .rubcontsmall{width:225px;position:relative;top:0;left:0;} .rubcontsmall li{float:left;padding:0 1px;list-style-type:none} .rubcontsmall .rubriknav:hover{cursor:pointer;box-shadow:none} .rubtxt, .rubcontsmall{font:700 1.2em 'Roboto Condensed',Verdana,sans-serif;padding:3px 0;white-space:nowrap} .rubtxt{} #rub1,#rub2,#rub3,#rub4,#rub5,#rub6 {display:none} .rubcontsmall li:hover #rub1, .rubcontsmall li:hover #rub2, .rubcontsmall li:hover #rub3, .rubcontsmall li:hover #rub3, .rubcontsmall li:hover #rub4, .rubcontsmall li:hover #rub5, .rubcontsmall li:hover #rub6{display:block;width:220px;position:absolute;top:-24px;left:2px;background:#F6F6F6;text-transform:uppercase} .rubcontsmall .rubriknav a{color:#000} /*BUGREPORT*/ .bugrep {background-color:white;background-image:none;font-size:12px;} .bugrep .tit11p {font-size:1.2em;} /* GOOGLE ADSENSE */ .goad{font:normal 8pt Verdana, Arial, sans-serif;padding:2px 0;margin:0 5px 3px 0;color:#777;text-align:left;} .goad:hover{color:red;cursor:pointer;} .goad:before{content:url(/im/hide.gif);margin-right:2px;} .goadinfo2{text-align:center;} #goadtop {width:100%;text-align:center;margin-bottom:2px;border-bottom:1px solid #333;background:#31414C;} body.wback #goadtop {width:922px;background:#FFF;border-bottom:none;margin-bottom:1px;} .goadtop {width:99%;text-align:center;margin:5px 0;padding:4px;border-bottom:1px solid #CCC;} .goadtop2 {width:99%;text-align:center;margin:5px 0;border:1px solid #DDD;background-color:#F6F6F6;border-radius:4px;padding:4px} .goadtop .goad, .goadtop2 .goad{float:left;} .goadright{text-align:center;border:1px solid #DDD;background-color:#FFF;border-radius:4px;padding:4px;} .goadright2{text-align:center;border:1px solid #DDD;background-color:#F6F6F6;border-radius:4px;padding:10px} /* HALF PRICE AD'S */ .countermain{max-width:250px;min-width:200px;position:relative;height:auto;color:white;text-align:center;border:1px solid #CCC;margin:0 auto;} .countertxt {font-size:1.1em;line-height:1.25em;color:black;margin:40px 5px 0 5px;padding:10px;background-color: rgba(265, 265, 265, 0.9);-webkit-border-radius: 3px;border-radius: 3px;border:1px solid #666} .countertxt:hover{background-color: rgba(265, 265, 265, 1);border:1px solid red} #collargeright .countertxt{line-height:1.2em} .timer {font:normal 1.9em Arial Black, sans-serif;color:white;margin:5px;padding:10px;background-color: rgba(0, 0, 0, 0.5);-webkit-border-radius: 3px ;border-radius: 3px;border:1px solid #CCC;} .timer:after{content:"\A (hrs/mins/secs)";font-size:0.3em;position:relative;white-space:pre;padding:0;margin:0;line-height:1em;} /*ADVENTCALENDAR*/ #calendar .box {font-size:1em;} #calendar .box h2 {font:normal 1.2em Georgia, Arial Black, sans-serif;color:#990000;border-bottom:1px dotted #900;margin-bottom:10px;} .text #calendar {position:relative;left:0px;top:0px;width:100%;} #calendar .text p {margin:0 0 .5em 0;font:normal 16px/150% "Hoefler Text", Georgia, Garamond, "Times New Roman", Times, serif;color:#444;} .text .verd8p {font:normal 1em Verdana, Arial, Helvetica, sans-serif;} #calendar .box p.divider {border-bottom:1px dotted #ccc;} /*----- TIMELINE --------*/ #timeline{background:url(/im/x_orange.gif) top center repeat-y;width:480px;padding:20px 0;margin:15px auto 10px auto;overflow:hidden;list-style:none;position:relative;} #timeline:before,#timeline:after{content:" ";width:10px;height:10px;display:block;background:#f43059;position:absolute;top:0;left:50%;margin-left:-5px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;} #timeline:after{margin-left:-7px;background:none;border:7px solid transparent;border-top-color:#f43059;width:0;height:0;top:auto;bottom:-7px;} #timeline li{position:relative;clear:both;float:left;width:200px;padding:5px;background:#fff;border:1px solid #CCC;text-align:right;margin:0 0 10px 0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;box-shadow:2px 2px 1px #999;} #timeline .empha {background-color:#FFE7B1;border:1px solid #F60} #timeline li:before,#timeline li:after{content:" ";width:30px;height:1px;background:#f43059;position:absolute;left:100%;top:50%;} #timeline li:nth-of-type(odd),#timeline li:nth-of-type(even){margin:-10px 0 0 0;} #timeline li:nth-of-type(even){float:right;text-align:left;} #timeline li:nth-of-type(even):after{left:auto;right:100%;} #timeline time{font-weight:bold;} #timeline p{margin:0px;} /*unread e-horoscopes message */ #ovimsg {text-align:right;padding-right:3px;} #ovimsg .vtit8{font-size:0.85em;font-weight:normal} #ovimsg .vtit8 a{text-decoration:none;} #ovimsg .vtit8 a:hover{color:#CC0000} #ovimsg .vtit8 a:AFTER{content:url(/im/arrgreen_l.png);position:relative;top:2px;margin-left:3px} /*Message System 2014*/ #msg_message {display:block;margin-top:2px;font-size:0.85em;border:1px solid #DDD;background-color:#F6F6F6;border-radius:4px;padding:2px;width:99%;overflow:hidden;} #colsmallright #msg_message{margin-bottom:5px;background-color:#FFFBEC;} #navmessage {padding:2px;border-bottom:1px solid #9a6d79;font-size:0.8em;position:relative;width:99%;overflow:hidden;margin:0 auto} #msghead {margin-left:4px;padding:3px 0;max-width:660px;width:33%;float:left;white-space:nowrap} #msghead a {text-decoration:none;} #msg {max-width:660px;padding:4px;background:#FFF;border:1px solid #FFCC00;border-radius:4px;cursor:pointer;text-decoration:none;float:left} .msgclose{float:right;display:block;width:12px;height:12px;background:url(/im/close1.png)no-repeat center;background-size:cover;margin-right:4px;} #msg:hover {color:#CC0000;text-decoration:underline;} #msg_message a{text-decoration:none;} .msgr {float:right;cursor:pointer;} .msgr:hover {color:red;} #colsmallright .msglink {float:none; padding:0;} .msglink {float:right; padding:0 10px 0 3px;} .msgtrashsym{position:relative;top:3px;} #msgtrash{border-top:1px solid #666;background-color:#EBEBEB;text-indent:3px;display:none;} #msgtrash a {color:#666;} #msgpop{max-width:630px;border:1px solid #CCC;} #msgpop a {text-decoration:none;} #msgpop img {margin:0 5px;} #msgpop .txt10p{font-size:1.2em;} .msgtxt .vtit8{font-size:1.2em;} .msgtit {background: #FFEDA6 url(/im/msgbg.jpg) repeat-x 0 -3px;border-bottom:1px solid #FFCC66;text-indent:3px;font-size:0.8em;font-weight:700;padding:3px 0;} .msgnavi, .msgfoot {font-size:0.8em;font-weight:700;background-color:#E2E2E2;border-top:1px solid #CCC;} .msgfoot {text-indent:3px;} .msgbutton{border:1px solid #990000;color:#000;background-color: #FFEDA6;padding:2px 10px;line-height:22px;margin:2px 2px 0;white-space:nowrap;border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;} .msgbutton:hover {font-weight:bold;color:black;} .msgtxt {font:0.7em Arial, Helvetica, sans-serif;background-color:#FFF;min-height:300px;} .msgtxt td {border-bottom:1px dotted #CCCCCC;border-right:1px dotted #CCCCCC;padding:1px;vertical-align:top;} .msgold, .msgold a {color:#666;margin:0 0 3px 3px;} .msgbody{padding:3px;font-size:1.3em;line-height:1.5em;} .msgbody textarea{width:98%;border:1px dotted #006600;padding:3px;} /*admin bar */ #adminbar {background:red repeat-x;padding:2px;border-bottom:1px solid #CC0000;font-size:20px;font-family: Verdana, Arial, Helvetica,sans-serif;} /*admin wmsg bar */ #adminwmsg {width:870px;border-right:1px solid #999999;border-bottom:1px solid #999999;background: red repeat-x;border-bottom:0px solid #CC0000;font-family: Verdana, Arial, Helvetica,sans-serif;} #adminwmsg2 {font-size:12px;color:white;} /* STYLES FÜR GLYPHS MIT ASTRODIENST SYMBOLEN */ /*.sym1, .sym2, .sym3, .sym4, .sym5, .sym6,.symhk,.sym10,.symha{text-rendering:auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/ .sym1, .sym2, .sym3, .sym4, .sym5, .sym6,.symhk,.sym10,.symha{text-rendering:auto;} .shad{text-shadow:1px 1px 2px #555;} #pla .symp{text-shadow:1px 1px 1px #666;} /* COLORS FOR GLYPHS */ .symr{color:#c00} .symg{color:#390} .symy{color:#f90} .symb{color:#06c} .sym1{font:400 1.2em 'astrodienst';} .symp{font:400 1.4em 'astrodienst';} .symhk i, .symha i{padding:0 3px 0 0} .sym2{font:400 2em 'astrodienst';} .sym3{font:400 3em 'astrodienst';} .sym4{font:400 4em 'astrodienst';} .sym5{font:400 5em 'astrodienst';} .sym6{font:400 6em 'astrodienst';} .sym10{font:400 10em 'astrodienst';margin-right:10px;} .symhk{font:400 1.6em 'astrodienst';min-width: 50px;float: left;clear: left;} .symha{font:400 1.6em 'astrodienst';float: left;} .symhk .txt8p{font-size:.7em;} .hkcur .txt8p{font-size:1em;text-shadow:none;} .hkcur .symha, .hksubheadr .symhk,.hksubheadr .symha{float:none;min-width:auto;} .sym1 i, .sym2 i,.sym3 i, .sym4 i,.sym1 i, .sym5 i, .symhk i,.symha i{font-style:normal} /* GLYPHS IN COLOR*/ .sym-aric:before{content: "a";color:#c00} .sym-tauc:before{content: "b";color:#390} .sym-gemc:before{content: "c";color:#f90} .sym-canc:before{content: "d";color:#06c} .sym-leoc:before{content: "e";color:#c00} .sym-virc:before{content: "f";color:#390} .sym-libc:before{content: "g";color:#f90} .sym-scoc:before{content: "h";color:#06c} .sym-sagc:before{content: "i";color:#c00} .sym-capc:before{content: "j";color:#390} .sym-aquc:before{content: "k";color:#f90} .sym-pisc:before{content: "l";color:#06c} /* ALL GLYPHS, WEBFONT ASTRODIENST */ .sym-ari:before{content:"a"} .sym-tau:before{content:"b"} .sym-gem:before{content:"c"} .sym-can:before{content:"d"} .sym-leo:before{content:"e"} .sym-vir:before{content:"f"} .sym-lib:before{content:"g"} .sym-sco:before{content:"h"} .sym-sag:before{content:"i"} .sym-cap:before{content:"j"} .sym-aqu:before{content:"k"} .sym-pis:before{content:"l"} .sym-con:before{content:"m"} .sym-opp:before{content:"n"} .sym-squ:before{content:"o"} .sym-tri:before{content:"p"} .sym-sxt:before{content:"q"} .sym-030:before{content:"r"} .sym-150:before{content:"s"} .sym-045:before{content:"t"} .sym-135:before{content:"u"} .sym-072:before{content:"v"} .sym-144:before{content:"w"} .sym-par:before{content:"x"} .sym-apa:before{content:"y"} .sym-ecc:before{content:"z"} .sym-eco:before{content:"{"} .sym-mo-new:before{content:"<"} .sym-mo-ful:before{content:"="} .sym-mo-1ha:before{content:">"} .sym-mo-2ha:before{content:"?"} .sym-angle:before{content:"`"} .sym-r:before{content:"#"} .sym-su:before{content:"A"} .sym-mo:before{content:"B"} .sym-me:before{content:"C"} .sym-ve:before{content:"D"} .sym-ma:before{content:"E"} .sym-ju:before{content:"F"} .sym-sa:before{content:"G"} .sym-ur:before{content:"H"} .sym-ne:before{content:"I"} .sym-pl:before{content:"J"} .sym-mn:before{content:"K"} .sym-tn:before{content:"L"} .sym-li:before{content:"M"} .sym-ch:before{content:"N"} .sym-ue:before{content:"O"} .sym-pe:before{content:"P"} .sym-ac:before{content:"Q"} .sym-ic:before{content:"R"} .sym-dc:before{content:"S"} .sym-mc:before{content:"T"} .sym-pf:before{content:"W"} .sym-ea:before{content:"X"} .sym-ce:before{content:"Y"} .sym-pa:before{content:"Z"} .sym-jn:before{content:"["} .sym-va:before{content:"\\"} .sym-md:before{content:"|"} .sym-td:before{content:"\}"} /* ================================================================================= */ /* -------- SPECIAL FORMATS FOR PRINT LIKE DISPLAY NONE, FLOAT NONE ETC. ----------*/ /* ================================================================================= */ nav {display:block; width:100%;position:relative; z-index:100; font-family: Arial, sans-serif; margin:0 auto; text-align:center; font-size:1em;margin:0 auto; left:5px;} .mainmenu {width:100%; margin:0 auto; padding:0; list-style:none; text-align:left;font-family: Arial, sans-serif;-} .mainmenu li.top-li {float:left; position:relative;z-index:10;} .mainmenu li.top-li a.top-a {display:block; float:left; line-height:30px; color:#FFF; padding:0 6px 0 6px; text-decoration:none; font-size:1em; white-space:nowrap;font-weight:700;letter-spacing:-0.02em;text-transform:none;} /* GENERAL */ .clear {clear:left; height:0; overflow:hidden;} body {background:#FFF;border:0;margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;font-size:9pt;} a {color:#003366} .rclear {clear:right;} .lclear {clear:left;} .bclear {clear:both;} .clearfix:after {clear: both;} .center{text-align:center} /* Tabellen */ table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;} small {font-size:1em} article {display:block; padding:0;clear:both; } .plstd ul li ul {display: block;} a {text-decoration:none;color:gray;} .ftfont{color:gray;} /* ADDED 20.02.2018 JS */ body #tae{background:white;background-color:white} #tae {width:100%;} #tae{page-break-before:always} #tae .taehead h1, #tae .taehead h3{page-break-before:avoid} /*#tae .twocol {column-count:1;-webkit-column-count:1;-moz-column-count:1; }*/ #tae img.taechart, #tae img.adbchart{width:95%;max-width:400px;} #zpbcanvas{display:none} .zpb::before { content: '\f05e'; font: 400 300px 'FontAwesome'; display: block; color: #ccc; opacity: .1; width: 300px; height: 300px; position: relative;text-align:center;} /* DISPLAY NONE */ .mainmenu div, .mainmenu div dl, .mainmenu div dt, .mainmenu div dd, .mainmenu .bottomLine,#slider-with-blocks-1, .goadtop, .goadtop2, .goadright, .goadright2, .bord, .langpulld, .openpla, .plamobile, .plamobile1, .plaheadnav li div, #home6, #home7, #daily5, #daily6, #daily7, #ahor1, #ahor2, #ahor3, #short1, #short2, #click1, #click2, #atlas4, #chart1, #chart2, #info1, #info2, #info3, input, .natrgt, #colsmallleft, .prodart, #leftnavinfo, .prodord2, .prodord, .footinfo, .repfright, .asrcol iframe, #asfoot14, .titlink, .sidemenu, .sharelcol, .sharico2, .sharico, .nxpage, .nxpageright,.sharelcol, .taefright{display:none} /* SUPRESS INFO- AND HELPTEXT */ .awdinfo{display:none}